Combine dark and light default button into button.json5 (#1179)

* combine dark and light default button into button.json5

---------

Co-authored-by: lukasoppermann <[email protected]>

Author: lukasoppermann

.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-button-outline-borderColor-active-linux.png

@@ -75,9 +75,9 @@ export const themes: TokenBuildInput[] = [
     source: [
       `src/tokens/functional/shadow/dark.json5`,
       `src/tokens/functional/border/*.json5`,
-      `src/tokens/component/*.json5`,
       `src/tokens/functional/color/*.json5`,
       `src/tokens/functional/color/dark/*.json5`,
+      `src/tokens/component/*.json5`,
     ],
     include: [
       `src/tokens/functional/size/border.json5`,
@@ -94,7 +94,6 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/component/*.json5`,
       `src/tokens/functional/color/*.json5`,
       `src/tokens/functional/color/dark/*.json5`,
-      `src/tokens/functional/color/dark/overrides/dark.dimmed.json5`,
     ],
     include: [
       `src/tokens/functional/size/border.json5`,

.playwright/snapshots/storybook.test.ts-snapshots/storybook-all-color-swatches-dark-colorblind-button-outline-borderColor-active-linux.png

@@ -238,4 +238,93 @@ describe('Preprocessor: themeOverrides', () => {
       }),
     ).toStrictEqual(resultDictionary.tokens)
   })
+
+  it('works with non-string values', () => {
+    const dictionary = getMockDictionary({
+      objectValueOverride: getMockToken({
+        name: 'red',
+        description: 'This is a description',
+        value: 'transformedValue',
+        path: ['tokens', 'subgroup', 'red'],
+        $extensions: {
+          theme: {
+            dark: {
+              value: {test: 'value'},
+            },
+          },
+        },
+      }),
+      arrayValueOverride: getMockToken({
+        name: 'red',
+        description: 'This is a description',
+        value: 'transformedValue',
+        path: ['tokens', 'subgroup', 'red'],
+        $extensions: {
+          theme: {
+            dark: {
+              value: [
+                {
+                  value: 'darkValue',
+                  description: 'DarkMode description',
+                },
+              ],
+            },
+          },
+        },
+      }),
+    })
+
+    const resultDictionary = getMockDictionary({
+      objectValueOverride: getMockToken({
+        name: 'red',
+        description: 'This is a description',
+        value: {test: 'value'},
+        path: ['tokens', 'subgroup', 'red'],
+        $extensions: {
+          theme: {
+            dark: {
+              value: {test: 'value'},
+            },
+          },
+        },
+      }),
+      arrayValueOverride: getMockToken({
+        name: 'red',
+        description: 'This is a description',
+        value: [
+          {
+            value: 'darkValue',
+            description: 'DarkMode description',
+          },
+        ],
+        path: ['tokens', 'subgroup', 'red'],
+        $extensions: {
+          theme: {
+            dark: {
+              value: [
+                {
+                  value: 'darkValue',
+                  description: 'DarkMode description',
+                },
+              ],
+            },
+          },
+        },
+      }),
+    })
+
+    expect(
+      themeOverrides.preprocessor(dictionary.tokens, {
+        themeOverrides: {
+          valueProp: 'value',
+          extensionProp: 'theme',
+        },
+      }),
+    ).toStrictEqual(dictionary.tokens)
+    expect(
+      themeOverrides.preprocessor(dictionary.tokens, {
+        options: {themeOverrides: {theme: 'dark', valueProp: 'value', extensionProp: 'theme'}},
+      }),
+    ).toStrictEqual(resultDictionary.tokens)
+  })
 })