chore: Sync Tokens Studio config 🤖

.github/workflows/merge.yml

@@ -23,7 +23,7 @@ jobs:
 
       - name: Build Tokens
         shell: bash
-        run: yarn build:tokens
+        run: yarn build:tokens  --no-cache
 
       # Build Storybook and extract component stories for Storybook aggregation. This will be used
       # for Chromatic rebaselining and publishing to GH Pages.

.github/workflows/pull-request.yml

@@ -25,10 +25,10 @@ jobs:
           node_version: 18.x
 
       - name: Build Tokens
-        run: yarn build:tokens
+        run: yarn build:tokens --no-cache
 
       - name: Build Storybook
-        run: yarn build-storybook --quiet
+        run: yarn build-storybook --no-cache
 
       - name: Cache Build
         id: build-cache
@@ -54,7 +54,7 @@ jobs:
         run: yarn lint
 
       - name: Build Tokens
-        run: yarn build:tokens
+        run: yarn build:tokens --no-cache
 
       - name: Type Check
         shell: bash

packages/canvas-tokens-docs/.storybook/main.ts

@@ -13,9 +13,6 @@ const config: StorybookConfig = {
   viteFinal: async config =>
     mergeConfig(config, {
       plugins: [nxViteTsPaths()],
-      optimizeDeps: {
-        include: ['@workday/canvas-tokens-web'],
-      },
     }),
 };
 

packages/canvas-tokens-docs/stories/base/examples/Color.tsx

@@ -5,33 +5,33 @@ import {Stack} from '../../../components/Stack';
 import {ColorGrid, buildColorSwatch, ColorSwatch} from '../../../components/ColorGrid';
 
 const colorPaletteNames = [
-  'cinnamon',
-  'peach',
-  'chiliMango',
+  'berrySmoothie',
+  'blackPepper',
+  'blackberry',
+  'blueberry',
   'cantaloupe',
-  'sourLemon',
-  'juicyPear',
-  'kiwi',
+  'cappuccino',
+  'chiliMango',
+  'cinnamon',
+  'coconut',
+  'frenchVanilla',
+  'fruitPunch',
+  'grapeSoda',
   'greenApple',
-  'watermelon',
+  'islandPunch',
   'jewel',
-  'toothpaste',
-  'blueberry',
+  'juicyPear',
+  'kiwi',
+  'licorice',
+  'peach',
   'plum',
-  'berrySmoothie',
-  'blackberry',
-  'islandPunch',
-  'grapeSoda',
   'pomegranate',
-  'fruitPunch',
   'rootBeer',
-  'toastedMarshmallow',
-  'coconut',
-  'capuccino', // Misspelled
-  'licorice',
   'soap',
-  'frenchVanilla',
-  'blackPepper',
+  'sourLemon',
+  'toastedMarshmallow',
+  'toothpaste',
+  'watermelon',
 ] as const;
 
 const colorRegExp = new RegExp(colorPaletteNames.join('|'));