From 91065de84548dd883b1ae0308e9acb5808f40b9f Mon Sep 17 00:00:00 2001
From: Alexandre Stahmer <alexandre.stahmer@gmail.com>
Date: Sat, 9 Mar 2024 23:00:15 +0100
Subject: [PATCH] chore: add changeset

---
 .changeset/few-dragons-retire.md | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 .changeset/few-dragons-retire.md

diff --git a/.changeset/few-dragons-retire.md b/.changeset/few-dragons-retire.md
new file mode 100644
index 0000000000..73f81cbc83
--- /dev/null
+++ b/.changeset/few-dragons-retire.md
@@ -0,0 +1,28 @@
+---
+'@pandacss/generator': patch
+'@pandacss/studio': patch
+---
+
+Fix nested `styled` factory composition
+
+```tsx
+import { styled } from '../styled-system/jsx'
+
+const BasicBox = styled('div', { base: { fontSize: '10px' } })
+const ExtendedBox1 = styled(BasicBox, { base: { fontSize: '20px' } })
+const ExtendedBox2 = styled(ExtendedBox1, { base: { fontSize: '30px' } })
+
+export const App = () => {
+  return (
+    <>
+      {/* ✅ fs_10px */}
+      <BasicBox>text1</BasicBox>
+      {/* ✅ fs_20px */}
+      <ExtendedBox1>text2</ExtendedBox1>
+      {/* BEFORE: ❌ fs_10px fs_30px */}
+      {/* NOW: ✅ fs_30px */}
+      <ExtendedBox2>text3</ExtendedBox2>
+    </>
+  )
+}
+```