updated generation of extra CSS files to include hds-theme-default selector for default (non-themed) HDS styling

Author: didoo

packages/tokens/scripts/build-parts/generateExtraThemingFiles.ts

@@ -43,7 +43,7 @@ export async function generateExtraThemingFiles(_dictionary: Dictionary, config:
       outputContent = `${header}\n\n`;
       //
       // this is the fallback to the default `hds` mode
-      outputContent += `${hdsThemedSource}\n\n`;
+      outputContent += `${hdsThemedSource.replace(/^:root/, '.hds-theme-default, :root')}\n\n`;
       //
       // these are the themed `carbonized` tokens
       outputContent += `${cds0ThemedSource.replace(/^:root/, '.hds-theme-light, .hds-theme-cds-g0, [data-hds-theme="light"], [data-hds-theme="cds-g0"]')}\n\n`;
@@ -60,7 +60,7 @@ export async function generateExtraThemingFiles(_dictionary: Dictionary, config:
       outputContent = `${header}\n\n`;
       //
       // this is the fallback to the default `hds` mode
-      outputContent += `${hdsThemedSource}\n\n`;
+      outputContent += `${hdsThemedSource.replace(/^:root/, '.hds-theme-default, :root')}\n\n`;
       //
       // these are the themed `carbonized` tokens
       // note: we will revisit the `[class*=hds-theme-]` selector if we find that is too generic and there are cases where this is picking up other classes