fix(theme): do not generate global root vars for component level vars

brandyscarney · brandyscarney · commit ecbe39ed9ced · 2025-08-29T13:54:22.000-04:00
diff --git a/core/src/utils/theme.ts b/core/src/utils/theme.ts
@@ -115,7 +115,8 @@ export const generateGlobalThemeCSS = (theme: any): string => {
     return '';
   }
 
-  const { palette, ...defaultTokens } = theme;
+  // Exclude components and palette from the default tokens
+  const { palette, components, ...defaultTokens } = theme;
 
   // Generate CSS variables for the default design tokens
   const defaultTokensCSS = generateCSSVars(defaultTokens);

Original file line number	Diff line number	Diff line change
`@@ -115,7 +115,8 @@ export const generateGlobalThemeCSS = (theme: any): string => {`
`115`	`115`	`return '';`
`116`	`116`	`}`
`117`	`117`
`118`		`- const { palette, ...defaultTokens } = theme;`
	`118`	`+ // Exclude components and palette from the default tokens`
	`119`	`+ const { palette, components, ...defaultTokens } = theme;`
`119`	`120`
`120`	`121`	`// Generate CSS variables for the default design tokens`
`121`	`122`	`const defaultTokensCSS = generateCSSVars(defaultTokens);`