diff --git a/packages/canon/package.json b/packages/canon/package.json
index c8a8f79a6f..7bfc717b74 100644
--- a/packages/canon/package.json
+++ b/packages/canon/package.json
@@ -39,9 +39,6 @@
   "dependencies": {
     "@base_ui/react": "^1.0.0-alpha.3",
     "@remixicon/react": "^4.5.0",
-    "@vanilla-extract/css": "^1.16.0",
-    "@vanilla-extract/dynamic": "^2.1.2",
-    "@vanilla-extract/recipes": "^0.5.5",
     "@vanilla-extract/sprinkles": "^1.6.3"
   },
   "devDependencies": {
diff --git a/packages/canon/src/components/Container/Docs.mdx b/packages/canon/src/components/Container/Docs.mdx
index a65d7b1618..d4dcf694da 100644
--- a/packages/canon/src/components/Container/Docs.mdx
+++ b/packages/canon/src/components/Container/Docs.mdx
@@ -1,10 +1,6 @@
 import { Meta, Unstyled, Source } from '@storybook/blocks';
 import * as ContainerStories from './Container.stories';
-import { Title, Text } from '../../../docs/components';
-import {
-  PropsTable,
-  getBoxProps,
-} from '../../../docs/components/PropsTable/PropsTable';
+import { Title, Text, PropsTable, getProps } from '../../../docs/components';
 import { spacingProperties } from '../../layout/sprinkles.css';
 import { containerProperties } from './sprinkles.css';
 
@@ -32,7 +28,7 @@ import { containerProperties } from './sprinkles.css';
 
 <PropsTable
   data={{
-    ...getBoxProps(containerProperties.styles),
+    ...getProps(containerProperties.styles),
     children: {
       type: 'ReactNode',
       required: false,
diff --git a/packages/canon/src/components/Grid/Docs.mdx b/packages/canon/src/components/Grid/Docs.mdx
index b7a8c64031..7a4ef4de2f 100644
--- a/packages/canon/src/components/Grid/Docs.mdx
+++ b/packages/canon/src/components/Grid/Docs.mdx
@@ -1,10 +1,6 @@
 import { Canvas, Meta, Unstyled, Source } from '@storybook/blocks';
 import * as GridStories from './Grid.stories';
-import { Title, Text } from '../../../docs/components';
-import {
-  PropsTable,
-  getBoxProps,
-} from '../../../docs/components/PropsTable/PropsTable';
+import { Title, Text, PropsTable, getProps } from '../../../docs/components';
 import { spacingProperties } from '../../layout/sprinkles.css';
 
 <Meta of={GridStories} />
@@ -74,7 +70,7 @@ export default () => (
   The grid component also accepts all the spacing props from the Box component.
 </Text>
 
-<PropsTable data={getBoxProps(spacingProperties.styles)} />
+<PropsTable data={getProps(spacingProperties.styles)} />
 
 <Title type="h3">Grid Item</Title>
 <Text>
diff --git a/packages/canon/src/components/Inline/Docs.mdx b/packages/canon/src/components/Inline/Docs.mdx
index 9f77158496..9850dedf7a 100644
--- a/packages/canon/src/components/Inline/Docs.mdx
+++ b/packages/canon/src/components/Inline/Docs.mdx
@@ -1,10 +1,6 @@
 import { Meta, Unstyled, Source } from '@storybook/blocks';
 import * as InlineStories from './Inline.stories';
-import { Title, Text } from '../../../docs/components';
-import {
-  PropsTable,
-  getBoxProps,
-} from '../../../docs/components/PropsTable/PropsTable';
+import { Title, Text, PropsTable, getProps } from '../../../docs/components';
 import { spacingProperties } from '../../layout/sprinkles.css';
 import { inlineProperties } from './sprinkles.css';
 
@@ -60,7 +56,7 @@ import { inlineProperties } from './sprinkles.css';
   The grid component also accepts all the spacing props from the Box component.
 </Text>
 
-<PropsTable data={getBoxProps(spacingProperties.styles)} />
+<PropsTable data={getProps(spacingProperties.styles)} />
 
 <Title type="h2">Examples</Title>
 
diff --git a/packages/canon/src/components/Stack/Docs.mdx b/packages/canon/src/components/Stack/Docs.mdx
index 0205cb8aba..d5bdb0fc82 100644
--- a/packages/canon/src/components/Stack/Docs.mdx
+++ b/packages/canon/src/components/Stack/Docs.mdx
@@ -1,10 +1,6 @@
 import { Meta, Unstyled, Source } from '@storybook/blocks';
 import * as StackStories from './Stack.stories';
-import { Title, Text } from '../../../docs/components';
-import {
-  PropsTable,
-  getBoxProps,
-} from '../../../docs/components/PropsTable/PropsTable';
+import { Title, Text, PropsTable, getProps } from '../../../docs/components';
 import { spacingProperties } from '../../layout/sprinkles.css';
 
 <Meta of={StackStories} />
@@ -55,7 +51,7 @@ import { spacingProperties } from '../../layout/sprinkles.css';
   The grid component also accepts all the spacing props from the Box component.
 </Text>
 
-<PropsTable data={getBoxProps(spacingProperties.styles)} />
+<PropsTable data={getProps(spacingProperties.styles)} />
 
 <Title type="h2">Common questions</Title>
 
diff --git a/yarn.lock b/yarn.lock
index 6bae43f540..94eb5f0748 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3842,9 +3842,6 @@ __metadata:
     "@testing-library/jest-dom": ^6.0.0
     "@types/react": ^18.0.0
     "@types/react-dom": ^18.0.0
-    "@vanilla-extract/css": ^1.16.0
-    "@vanilla-extract/dynamic": ^2.1.2
-    "@vanilla-extract/recipes": ^0.5.5
     "@vanilla-extract/rollup-plugin": ^1.3.10
     "@vanilla-extract/sprinkles": ^1.6.3
     "@vanilla-extract/webpack-plugin": ^2.3.14
@@ -21128,7 +21125,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vanilla-extract/css@npm:^1.16.0, @vanilla-extract/css@npm:^1.16.1":
+"@vanilla-extract/css@npm:^1.16.1":
   version: 1.16.1
   resolution: "@vanilla-extract/css@npm:1.16.1"
   dependencies:
@@ -21148,15 +21145,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vanilla-extract/dynamic@npm:^2.1.2":
-  version: 2.1.2
-  resolution: "@vanilla-extract/dynamic@npm:2.1.2"
-  dependencies:
-    "@vanilla-extract/private": ^1.0.6
-  checksum: ec6ec9b02c7ec8a9d60aebf63225fd3f930c06ad824321f03f683f1948eb6d4e554d934303da140b3230b4af2fa15bab494c6da2a3b9a172e4118c245b4f942a
-  languageName: node
-  linkType: hard
-
 "@vanilla-extract/integration@npm:^7.1.11":
   version: 7.1.11
   resolution: "@vanilla-extract/integration@npm:7.1.11"
@@ -21184,15 +21172,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vanilla-extract/recipes@npm:^0.5.5":
-  version: 0.5.5
-  resolution: "@vanilla-extract/recipes@npm:0.5.5"
-  peerDependencies:
-    "@vanilla-extract/css": ^1.0.0
-  checksum: 8d2b4f8163369424226ec9a47e754002b8a095bcf86c1a60a91b2183f59508519bd31ed41baefc950ad7ca225d75b3184c3b84d3c741c5c60d91618dd70452aa
-  languageName: node
-  linkType: hard
-
 "@vanilla-extract/rollup-plugin@npm:^1.3.10":
   version: 1.3.11
   resolution: "@vanilla-extract/rollup-plugin@npm:1.3.11"