chore: Change theme global selector from :root to body (#3957)

Author: jkuelz

style-dictionary/classic/index.ts

@@ -50,7 +50,7 @@ export async function buildClassicOpenSource(builder: ThemeBuilder) {
   return builder.build();
 }
 
-const builder = new ThemeBuilder('classic', ':root', modes);
+const builder = new ThemeBuilder('classic', 'body', modes);
 const theme = await buildClassicOpenSource(builder);
 
 export default theme;

style-dictionary/core/index.ts

@@ -56,7 +56,7 @@ async function buildCoreOpenSource(builder: ThemeBuilder) {
   return builder.build();
 }
 
-const builder = new ThemeBuilder('visual-refresh', ':root', modes);
+const builder = new ThemeBuilder('visual-refresh', 'body', modes);
 const theme = await buildCoreOpenSource(builder);
 
 export default theme;

style-dictionary/visual-refresh/index.ts

@@ -52,7 +52,7 @@ export async function buildVisualRefresh(builder: ThemeBuilder) {
   return builder.build();
 }
 
-const builder = new ThemeBuilder('visual-refresh', ':root', modes);
+const builder = new ThemeBuilder('visual-refresh', 'body', modes);
 const theme = await buildVisualRefresh(builder);
 
 export default theme;