fix: made the import order of light/dark-files irrelevant (#2211)

changed where(.dark) to .dark to made the import order of theme CSS files irrelevant

Author: ChristianBusshoff

.changeset/ten-buckets-nail.md

@@ -0,0 +1,6 @@
+---
+"sit-onyx": minor
+---
+
+- made the import order of light/dark theme files irrelevant
+- changed figma dark-themes import from where(dark) to dark

.github/workflows/import-figma.yml

@@ -19,7 +19,7 @@ jobs:
 
       - name: 🎨 Import onyx dark variables
         run: |
-          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables/themes" -m onyx-dark -f CSS -s ":where(.dark), .onyx-theme-default-dark"
+          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables/themes" -m onyx-dark -f CSS -s ".dark, .onyx-theme-default-dark"
         working-directory: packages/figma-utils
 
       - name: 🎨 Import additional light-themes
@@ -29,7 +29,7 @@ jobs:
 
       - name: 🎨 Import additional dark-themes
         run: |
-          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables/themes" -m lidl-dark kaufland-dark digits-dark schwarz-dark -f CSS -s ":where(.dark), .onyx-theme-{mode}"
+          pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "../sit-onyx/src/styles/variables/themes" -m lidl-dark kaufland-dark digits-dark schwarz-dark -f CSS -s ".dark, .onyx-theme-{mode}"
         working-directory: packages/figma-utils
 
       - name: 🛠️ Import spacing variables

packages/sit-onyx/src/styles/variables/themes/digits-dark.css

@@ -3,7 +3,7 @@
  * This file contains the specific variables for the "digits-dark" theme.
  * Imported from Figma API on Tue, 03 Dec 2024 10:20:05 GMT
  */
-:where(.dark),
+.dark,
 .onyx-theme-digits-dark {
   --onyx-color-base-background-blank: var(--onyx-color-steel-1100);
   --onyx-color-base-background-tinted: var(--onyx-color-steel-1200);

packages/sit-onyx/src/styles/variables/themes/kaufland-dark.css

@@ -3,7 +3,7 @@
  * This file contains the specific variables for the "kaufland-dark" theme.
  * Imported from Figma API on Tue, 03 Dec 2024 10:20:05 GMT
  */
-:where(.dark),
+.dark,
 .onyx-theme-kaufland-dark {
   --onyx-color-base-background-blank: var(--onyx-color-stone-1100);
   --onyx-color-base-background-tinted: var(--onyx-color-stone-1200);

packages/sit-onyx/src/styles/variables/themes/lidl-dark.css

@@ -3,7 +3,7 @@
  * This file contains the specific variables for the "lidl-dark" theme.
  * Imported from Figma API on Tue, 03 Dec 2024 10:20:05 GMT
  */
-:where(.dark),
+.dark,
 .onyx-theme-lidl-dark {
   --onyx-color-base-background-blank: var(--onyx-color-stone-1100);
   --onyx-color-base-background-tinted: var(--onyx-color-stone-1200);

packages/sit-onyx/src/styles/variables/themes/onyx-dark.css

@@ -3,7 +3,7 @@
  * This file contains the specific variables for the "onyx-dark" theme.
  * Imported from Figma API on Tue, 03 Dec 2024 10:19:51 GMT
  */
-:where(.dark),
+.dark,
 .onyx-theme-default-dark {
   --onyx-color-base-background-blank: var(--onyx-color-steel-1100);
   --onyx-color-base-background-tinted: var(--onyx-color-steel-1200);