diff --git a/.changeset/lovely-ants-cough.md b/.changeset/lovely-ants-cough.md
new file mode 100644
index 00000000..0c6a235a
--- /dev/null
+++ b/.changeset/lovely-ants-cough.md
@@ -0,0 +1,5 @@
+---
+"@crowdstrike/tailwind-toucan-base": major
+---
+
+This release contains a breaking change by removing `surface-dash-widget` classes.  If you were previously using these classes, there is no replacement.
\ No newline at end of file
diff --git a/.changeset/red-schools-complain.md b/.changeset/red-schools-complain.md
new file mode 100644
index 00000000..cf2384bd
--- /dev/null
+++ b/.changeset/red-schools-complain.md
@@ -0,0 +1,5 @@
+---
+"@crowdstrike/tailwind-toucan-base": minor
+---
+
+Update new Charts color palette for better accessibility and contrast with existing surface colors.
diff --git a/src/themes.json b/src/themes.json
index d1947a06..ffbb3ca9 100644
--- a/src/themes.json
+++ b/src/themes.json
@@ -275,145 +275,145 @@
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 73,
-            "g": 198,
-            "b": 192,
+            "r": 21,
+            "g": 222,
+            "b": 223,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(73, 198, 192)",
+          "rgbFill": "rgb(21, 222, 223)",
           "name": "chart-1",
-          "value": "#49c6c0"
+          "value": "#15dedf"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 224,
-            "g": 255,
-            "b": 128,
+            "r": 160,
+            "g": 98,
+            "b": 255,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(224, 255, 128)",
+          "rgbFill": "rgb(160, 98, 255)",
           "name": "chart-2",
-          "value": "#e0ff80"
+          "value": "#a062ff"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 119,
-            "g": 109,
-            "b": 233,
+            "r": 255,
+            "g": 238,
+            "b": 135,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(119, 109, 233)",
+          "rgbFill": "rgb(255, 238, 135)",
           "name": "chart-3",
-          "value": "#776de9"
+          "value": "#ffee87"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 237,
-            "g": 110,
-            "b": 153,
+            "r": 209,
+            "g": 13,
+            "b": 148,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(237, 110, 153)",
+          "rgbFill": "rgb(209, 13, 148)",
           "name": "chart-4",
-          "value": "#ed6e99"
+          "value": "#d10d94"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 255,
-            "g": 255,
-            "b": 224,
+            "r": 248,
+            "g": 147,
+            "b": 200,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(255, 255, 224)",
+          "rgbFill": "rgb(248, 147, 200)",
           "name": "chart-5",
-          "value": "#ffffe0"
+          "value": "#f893c8"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 175,
-            "g": 29,
-            "b": 166,
+            "r": 79,
+            "g": 163,
+            "b": 207,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(175, 29, 166)",
+          "rgbFill": "rgb(79, 163, 207)",
           "name": "chart-6",
-          "value": "#af1da6"
+          "value": "#4fa3cf"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 251,
-            "g": 160,
-            "b": 145,
+            "r": 187,
+            "g": 165,
+            "b": 250,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(251, 160, 145)",
+          "rgbFill": "rgb(187, 165, 250)",
           "name": "chart-7",
-          "value": "#fba091"
+          "value": "#bba5fa"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 125,
-            "g": 230,
-            "b": 177,
+            "r": 237,
+            "g": 104,
+            "b": 93,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(125, 230, 177)",
+          "rgbFill": "rgb(237, 104, 93)",
           "name": "chart-8",
-          "value": "#7de6b1"
+          "value": "#ed685d"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 0,
-            "g": 163,
-            "b": 240,
+            "r": 253,
+            "g": 192,
+            "b": 131,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(0, 163, 240)",
+          "rgbFill": "rgb(253, 192, 131)",
           "name": "chart-9",
-          "value": "#00a3f0"
+          "value": "#fdc083"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 219,
-            "g": 63,
-            "b": 163,
+            "r": 214,
+            "g": 128,
+            "b": 14,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(219, 63, 163)",
+          "rgbFill": "rgb(214, 128, 14)",
           "name": "chart-10",
-          "value": "#db3fa3"
+          "value": "#d6800e"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 94,
-            "g": 106,
-            "b": 130,
+            "r": 81,
+            "g": 92,
+            "b": 111,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(94, 106, 130)",
+          "rgbFill": "rgb(81, 92, 111)",
           "name": "chart-disabled",
-          "value": "#5e6a82"
+          "value": "#515c6f"
         },
         {
           "category": ["chart-data-visualization"],
@@ -1161,21 +1161,6 @@
           "name": "surface-xl",
           "value": "#38373c"
         },
-        {
-          "category": [
-            "surfaces"
-          ],
-          "fill": {
-            "r": 0,
-            "g": 0,
-            "b": 0,
-            "a": 1
-          },
-          "hasAlpha": false,
-          "rgbFill": "rgb(0, 0, 0)",
-          "name": "surface-dash-widget",
-          "value": "#000000"
-        },
         {
           "category": [
             "interactive",
@@ -1532,145 +1517,145 @@
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 2,
-            "g": 167,
-            "b": 182,
+            "r": 0,
+            "g": 163,
+            "b": 164,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(2, 167, 182)",
+          "rgbFill": "rgb(0, 163, 164)",
           "name": "chart-1",
-          "value": "#02a7b6"
+          "value": "#00a3a4"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 133,
-            "g": 159,
-            "b": 4,
+            "r": 111,
+            "g": 48,
+            "b": 204,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(133, 159, 4)",
+          "rgbFill": "rgb(111, 48, 204)",
           "name": "chart-2",
-          "value": "#859f04"
+          "value": "#6f30cc"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 120,
-            "g": 8,
-            "b": 247,
+            "r": 214,
+            "g": 128,
+            "b": 14,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(120, 8, 247)",
+          "rgbFill": "rgb(214, 128, 14)",
           "name": "chart-3",
-          "value": "#7808f7"
+          "value": "#d6800e"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 245,
-            "g": 88,
-            "b": 167,
+            "r": 200,
+            "g": 0,
+            "b": 133,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(245, 88, 167)",
+          "rgbFill": "rgb(200, 0, 133)",
           "name": "chart-4",
-          "value": "#f558a7"
+          "value": "#c80085"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 211,
-            "g": 130,
-            "b": 23,
+            "r": 247,
+            "g": 82,
+            "b": 152,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(211, 130, 23)",
+          "rgbFill": "rgb(247, 82, 152)",
           "name": "chart-5",
-          "value": "#d38217"
+          "value": "#f75298"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 167,
-            "g": 99,
-            "b": 227,
+            "r": 19,
+            "g": 120,
+            "b": 138,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(167, 99, 227)",
+          "rgbFill": "rgb(19, 120, 138)",
           "name": "chart-6",
-          "value": "#a763e3"
+          "value": "#13788a"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 184,
-            "g": 61,
-            "b": 20,
+            "r": 160,
+            "g": 116,
+            "b": 255,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(184, 61, 20)",
+          "rgbFill": "rgb(160, 116, 255)",
           "name": "chart-7",
-          "value": "#b83d14"
+          "value": "#a074ff"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 40,
-            "g": 143,
-            "b": 95,
+            "r": 172,
+            "g": 30,
+            "b": 55,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(40, 143, 95)",
+          "rgbFill": "rgb(172, 30, 55)",
           "name": "chart-8",
-          "value": "#288f5f"
+          "value": "#ac1e37"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 66,
-            "g": 123,
-            "b": 227,
+            "r": 255,
+            "g": 79,
+            "b": 90,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(66, 123, 227)",
+          "rgbFill": "rgb(255, 79, 90)",
           "name": "chart-9",
-          "value": "#427be3"
+          "value": "#ff4f5a"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 154,
-            "g": 29,
-            "b": 125,
+            "r": 163,
+            "g": 97,
+            "b": 26,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(154, 29, 125)",
+          "rgbFill": "rgb(163, 97, 26)",
           "name": "chart-10",
-          "value": "#9a1d7d"
+          "value": "#a3611a"
         },
         {
           "category": ["chart-data-visualization"],
           "fill": {
-            "r": 179,
-            "g": 189,
-            "b": 208,
+            "r": 173,
+            "g": 184,
+            "b": 204,
             "a": 1
           },
           "hasAlpha": false,
-          "rgbFill": "rgb(179, 189, 208)",
+          "rgbFill": "rgb(173, 184, 204)",
           "name": "chart-disabled",
-          "value": "#b3bdd0"
+          "value": "#adb8cc"
         },
         {
           "category": ["chart-data-visualization"],
@@ -2418,21 +2403,6 @@
           "name": "surface-xl",
           "value": "#ffffff"
         },
-        {
-          "category": [
-            "surfaces"
-          ],
-          "fill": {
-            "r": 255,
-            "g": 255,
-            "b": 255,
-            "a": 1
-          },
-          "hasAlpha": false,
-          "rgbFill": "rgb(255, 255, 255)",
-          "name": "surface-dash-widget",
-          "value": "#ffffff"
-        },
         {
           "category": [
             "interactive",
diff --git a/tests/__snapshots__/cdn.test.ts.snap b/tests/__snapshots__/cdn.test.ts.snap
index 7ee3f494..9e93fae1 100644
--- a/tests/__snapshots__/cdn.test.ts.snap
+++ b/tests/__snapshots__/cdn.test.ts.snap
@@ -615,17 +615,17 @@ video {
   --disc-operations: #db62f9;
   --dns-requests: #8556fe;
   --focus: #6688ff;
-  --chart-1: #49c6c0;
-  --chart-2: #e0ff80;
-  --chart-3: #776de9;
-  --chart-4: #ed6e99;
-  --chart-5: #ffffe0;
-  --chart-6: #af1da6;
-  --chart-7: #fba091;
-  --chart-8: #7de6b1;
-  --chart-9: #00a3f0;
-  --chart-10: #db3fa3;
-  --chart-disabled: #5e6a82;
+  --chart-1: #15dedf;
+  --chart-2: #a062ff;
+  --chart-3: #ffee87;
+  --chart-4: #d10d94;
+  --chart-5: #f893c8;
+  --chart-6: #4fa3cf;
+  --chart-7: #bba5fa;
+  --chart-8: #ed685d;
+  --chart-9: #fdc083;
+  --chart-10: #d6800e;
+  --chart-disabled: #515c6f;
   --chart-neutral-1: #e4e8f1;
   --chart-neutral-2: #9aa7c1;
   --graph-1: #4cd7f5;
@@ -675,7 +675,6 @@ video {
   --surface-lg: #343337;
   --surface-md: #2d2c31;
   --surface-xl: #38373c;
-  --surface-dash-widget: #000000;
   --text-and-icons: #fafafa;
   --titles-and-attributes: #e2e2e4;
 }
@@ -698,17 +697,17 @@ video {
   --disc-operations: #b308dd;
   --dns-requests: #4902fd;
   --focus: #039eba;
-  --chart-1: #02a7b6;
-  --chart-2: #859f04;
-  --chart-3: #7808f7;
-  --chart-4: #f558a7;
-  --chart-5: #d38217;
-  --chart-6: #a763e3;
-  --chart-7: #b83d14;
-  --chart-8: #288f5f;
-  --chart-9: #427be3;
-  --chart-10: #9a1d7d;
-  --chart-disabled: #b3bdd0;
+  --chart-1: #00a3a4;
+  --chart-2: #6f30cc;
+  --chart-3: #d6800e;
+  --chart-4: #c80085;
+  --chart-5: #f75298;
+  --chart-6: #13788a;
+  --chart-7: #a074ff;
+  --chart-8: #ac1e37;
+  --chart-9: #ff4f5a;
+  --chart-10: #a3611a;
+  --chart-disabled: #adb8cc;
   --chart-neutral-1: #3e4b65;
   --chart-neutral-2: #67748e;
   --graph-1: #0f99a1;
@@ -758,7 +757,6 @@ video {
   --surface-lg: #ffffff;
   --surface-md: #ffffff;
   --surface-xl: #ffffff;
-  --surface-dash-widget: #ffffff;
   --text-and-icons: #202020;
   --titles-and-attributes: #3d3d3d;
 }
@@ -20518,10 +20516,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.divide-surface-dash-widget > :not([hidden]) ~ :not([hidden]) {
-  border-color: var(--surface-dash-widget);
-}
-
 .divide-text-and-icons > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--text-and-icons);
 }
@@ -22965,10 +22959,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.border-surface-dash-widget {
-  border-color: var(--surface-dash-widget);
-}
-
 .border-text-and-icons {
   border-color: var(--text-and-icons);
 }
@@ -23297,10 +23287,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.hover\\\\:border-surface-dash-widget:hover {
-  border-color: var(--surface-dash-widget);
-}
-
 .hover\\\\:border-text-and-icons:hover {
   border-color: var(--text-and-icons);
 }
@@ -23629,10 +23615,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.active\\\\:border-surface-dash-widget:active {
-  border-color: var(--surface-dash-widget);
-}
-
 .active\\\\:border-text-and-icons:active {
   border-color: var(--text-and-icons);
 }
@@ -24141,10 +24123,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.bg-surface-dash-widget {
-  background-color: var(--surface-dash-widget);
-}
-
 .bg-text-and-icons {
   background-color: var(--text-and-icons);
 }
@@ -24473,10 +24451,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.even\\\\:bg-surface-dash-widget:nth-child(even) {
-  background-color: var(--surface-dash-widget);
-}
-
 .even\\\\:bg-text-and-icons:nth-child(even) {
   background-color: var(--text-and-icons);
 }
@@ -24805,10 +24779,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.group:hover .group-hover\\\\:bg-surface-dash-widget {
-  background-color: var(--surface-dash-widget);
-}
-
 .group:hover .group-hover\\\\:bg-text-and-icons {
   background-color: var(--text-and-icons);
 }
@@ -25137,10 +25107,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.hover\\\\:bg-surface-dash-widget:hover {
-  background-color: var(--surface-dash-widget);
-}
-
 .hover\\\\:bg-text-and-icons:hover {
   background-color: var(--text-and-icons);
 }
@@ -25469,10 +25435,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.focus\\\\:bg-surface-dash-widget:focus {
-  background-color: var(--surface-dash-widget);
-}
-
 .focus\\\\:bg-text-and-icons:focus {
   background-color: var(--text-and-icons);
 }
@@ -25801,10 +25763,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.focus-within\\\\:bg-surface-dash-widget:focus-within {
-  background-color: var(--surface-dash-widget);
-}
-
 .focus-within\\\\:bg-text-and-icons:focus-within {
   background-color: var(--text-and-icons);
 }
@@ -26133,10 +26091,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.focus-visible\\\\:bg-surface-dash-widget:focus-visible {
-  background-color: var(--surface-dash-widget);
-}
-
 .focus-visible\\\\:bg-text-and-icons:focus-visible {
   background-color: var(--text-and-icons);
 }
@@ -26465,10 +26419,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.active\\\\:bg-surface-dash-widget:active {
-  background-color: var(--surface-dash-widget);
-}
-
 .active\\\\:bg-text-and-icons:active {
   background-color: var(--text-and-icons);
 }
@@ -26797,10 +26747,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.disabled\\\\:bg-surface-dash-widget:disabled {
-  background-color: var(--surface-dash-widget);
-}
-
 .disabled\\\\:bg-text-and-icons:disabled {
   background-color: var(--text-and-icons);
 }
@@ -27425,11 +27371,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.from-surface-dash-widget {
-  --tw-gradient-from: var(--surface-dash-widget);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .from-text-and-icons {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -27840,11 +27781,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.hover\\\\:from-surface-dash-widget:hover {
-  --tw-gradient-from: var(--surface-dash-widget);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .hover\\\\:from-text-and-icons:hover {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -28255,11 +28191,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.focus\\\\:from-surface-dash-widget:focus {
-  --tw-gradient-from: var(--surface-dash-widget);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .focus\\\\:from-text-and-icons:focus {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -28590,10 +28521,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.via-surface-dash-widget {
-  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .via-text-and-icons {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -28922,10 +28849,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.hover\\\\:via-surface-dash-widget:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .hover\\\\:via-text-and-icons:hover {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -29254,10 +29177,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.focus\\\\:via-surface-dash-widget:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .focus\\\\:via-text-and-icons:focus {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -29586,10 +29505,6 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
-.to-surface-dash-widget {
-  --tw-gradient-to: var(--surface-dash-widget);
-}
-
 .to-text-and-icons {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -29918,10 +29833,6 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
-.hover\\\\:to-surface-dash-widget:hover {
-  --tw-gradient-to: var(--surface-dash-widget);
-}
-
 .hover\\\\:to-text-and-icons:hover {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -30250,10 +30161,6 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
-.focus\\\\:to-surface-dash-widget:focus {
-  --tw-gradient-to: var(--surface-dash-widget);
-}
-
 .focus\\\\:to-text-and-icons:focus {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -32293,10 +32200,6 @@ video {
   color: var(--surface-xl);
 }
 
-.text-surface-dash-widget {
-  color: var(--surface-dash-widget);
-}
-
 .text-text-and-icons {
   color: var(--text-and-icons);
 }
@@ -32625,10 +32528,6 @@ video {
   color: var(--surface-xl);
 }
 
-.hover\\\\:text-surface-dash-widget:hover {
-  color: var(--surface-dash-widget);
-}
-
 .hover\\\\:text-text-and-icons:hover {
   color: var(--text-and-icons);
 }
@@ -32957,10 +32856,6 @@ video {
   color: var(--surface-xl);
 }
 
-.focus\\\\:text-surface-dash-widget:focus {
-  color: var(--surface-dash-widget);
-}
-
 .focus\\\\:text-text-and-icons:focus {
   color: var(--text-and-icons);
 }
@@ -33289,10 +33184,6 @@ video {
   color: var(--surface-xl);
 }
 
-.focus-visible\\\\:text-surface-dash-widget:focus-visible {
-  color: var(--surface-dash-widget);
-}
-
 .focus-visible\\\\:text-text-and-icons:focus-visible {
   color: var(--text-and-icons);
 }
@@ -33621,10 +33512,6 @@ video {
   color: var(--surface-xl);
 }
 
-.group:hover .group-hover\\\\:text-surface-dash-widget {
-  color: var(--surface-dash-widget);
-}
-
 .group:hover .group-hover\\\\:text-text-and-icons {
   color: var(--text-and-icons);
 }
@@ -33953,10 +33840,6 @@ video {
   color: var(--surface-xl);
 }
 
-.active\\\\:text-surface-dash-widget:active {
-  color: var(--surface-dash-widget);
-}
-
 .active\\\\:text-text-and-icons:active {
   color: var(--text-and-icons);
 }
@@ -34285,10 +34168,6 @@ video {
   color: var(--surface-xl);
 }
 
-.disabled\\\\:text-surface-dash-widget:disabled {
-  color: var(--surface-dash-widget);
-}
-
 .disabled\\\\:text-text-and-icons:disabled {
   color: var(--text-and-icons);
 }
@@ -35163,14 +35042,6 @@ video {
   color: var(--surface-xl);
 }
 
-.placeholder-surface-dash-widget::-moz-placeholder {
-  color: var(--surface-dash-widget);
-}
-
-.placeholder-surface-dash-widget::placeholder {
-  color: var(--surface-dash-widget);
-}
-
 .placeholder-text-and-icons::-moz-placeholder {
   color: var(--text-and-icons);
 }
@@ -35827,14 +35698,6 @@ video {
   color: var(--surface-xl);
 }
 
-.focus\\\\:placeholder-surface-dash-widget:focus::-moz-placeholder {
-  color: var(--surface-dash-widget);
-}
-
-.focus\\\\:placeholder-surface-dash-widget:focus::placeholder {
-  color: var(--surface-dash-widget);
-}
-
 .focus\\\\:placeholder-text-and-icons:focus::-moz-placeholder {
   color: var(--text-and-icons);
 }
@@ -36411,10 +36274,6 @@ video {
   caret-color: var(--surface-xl);
 }
 
-.caret-surface-dash-widget {
-  caret-color: var(--surface-dash-widget);
-}
-
 .caret-text-and-icons {
   caret-color: var(--text-and-icons);
 }
@@ -37934,10 +37793,6 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
-.ring-surface-dash-widget {
-  --tw-ring-color: var(--surface-dash-widget);
-}
-
 .ring-text-and-icons {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -38266,10 +38121,6 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
-.focus-within\\\\:ring-surface-dash-widget:focus-within {
-  --tw-ring-color: var(--surface-dash-widget);
-}
-
 .focus-within\\\\:ring-text-and-icons:focus-within {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -38598,10 +38449,6 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
-.focus\\\\:ring-surface-dash-widget:focus {
-  --tw-ring-color: var(--surface-dash-widget);
-}
-
 .focus\\\\:ring-text-and-icons:focus {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -39170,10 +39017,6 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
-.ring-offset-surface-dash-widget {
-  --tw-ring-offset-color: var(--surface-dash-widget);
-}
-
 .ring-offset-text-and-icons {
   --tw-ring-offset-color: var(--text-and-icons);
 }
@@ -39502,10 +39345,6 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
-.focus-within\\\\:ring-offset-surface-dash-widget:focus-within {
-  --tw-ring-offset-color: var(--surface-dash-widget);
-}
-
 .focus-within\\\\:ring-offset-text-and-icons:focus-within {
   --tw-ring-offset-color: var(--text-and-icons);
 }
@@ -39834,10 +39673,6 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
-.focus\\\\:ring-offset-surface-dash-widget:focus {
-  --tw-ring-offset-color: var(--surface-dash-widget);
-}
-
 .focus\\\\:ring-offset-text-and-icons:focus {
   --tw-ring-offset-color: var(--text-and-icons);
 }
diff --git a/tests/__snapshots__/css-import.test.ts.snap b/tests/__snapshots__/css-import.test.ts.snap
index 10cb465d..273bc689 100644
--- a/tests/__snapshots__/css-import.test.ts.snap
+++ b/tests/__snapshots__/css-import.test.ts.snap
@@ -615,17 +615,17 @@ video {
   --disc-operations: #db62f9;
   --dns-requests: #8556fe;
   --focus: #6688ff;
-  --chart-1: #49c6c0;
-  --chart-2: #e0ff80;
-  --chart-3: #776de9;
-  --chart-4: #ed6e99;
-  --chart-5: #ffffe0;
-  --chart-6: #af1da6;
-  --chart-7: #fba091;
-  --chart-8: #7de6b1;
-  --chart-9: #00a3f0;
-  --chart-10: #db3fa3;
-  --chart-disabled: #5e6a82;
+  --chart-1: #15dedf;
+  --chart-2: #a062ff;
+  --chart-3: #ffee87;
+  --chart-4: #d10d94;
+  --chart-5: #f893c8;
+  --chart-6: #4fa3cf;
+  --chart-7: #bba5fa;
+  --chart-8: #ed685d;
+  --chart-9: #fdc083;
+  --chart-10: #d6800e;
+  --chart-disabled: #515c6f;
   --chart-neutral-1: #e4e8f1;
   --chart-neutral-2: #9aa7c1;
   --graph-1: #4cd7f5;
@@ -675,7 +675,6 @@ video {
   --surface-lg: #343337;
   --surface-md: #2d2c31;
   --surface-xl: #38373c;
-  --surface-dash-widget: #000000;
   --text-and-icons: #fafafa;
   --titles-and-attributes: #e2e2e4;
 }
@@ -698,17 +697,17 @@ video {
   --disc-operations: #b308dd;
   --dns-requests: #4902fd;
   --focus: #039eba;
-  --chart-1: #02a7b6;
-  --chart-2: #859f04;
-  --chart-3: #7808f7;
-  --chart-4: #f558a7;
-  --chart-5: #d38217;
-  --chart-6: #a763e3;
-  --chart-7: #b83d14;
-  --chart-8: #288f5f;
-  --chart-9: #427be3;
-  --chart-10: #9a1d7d;
-  --chart-disabled: #b3bdd0;
+  --chart-1: #00a3a4;
+  --chart-2: #6f30cc;
+  --chart-3: #d6800e;
+  --chart-4: #c80085;
+  --chart-5: #f75298;
+  --chart-6: #13788a;
+  --chart-7: #a074ff;
+  --chart-8: #ac1e37;
+  --chart-9: #ff4f5a;
+  --chart-10: #a3611a;
+  --chart-disabled: #adb8cc;
   --chart-neutral-1: #3e4b65;
   --chart-neutral-2: #67748e;
   --graph-1: #0f99a1;
@@ -758,7 +757,6 @@ video {
   --surface-lg: #ffffff;
   --surface-md: #ffffff;
   --surface-xl: #ffffff;
-  --surface-dash-widget: #ffffff;
   --text-and-icons: #202020;
   --titles-and-attributes: #3d3d3d;
 }
@@ -20518,10 +20516,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.divide-surface-dash-widget > :not([hidden]) ~ :not([hidden]) {
-  border-color: var(--surface-dash-widget);
-}
-
 .divide-text-and-icons > :not([hidden]) ~ :not([hidden]) {
   border-color: var(--text-and-icons);
 }
@@ -22965,10 +22959,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.border-surface-dash-widget {
-  border-color: var(--surface-dash-widget);
-}
-
 .border-text-and-icons {
   border-color: var(--text-and-icons);
 }
@@ -23297,10 +23287,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.hover\\\\:border-surface-dash-widget:hover {
-  border-color: var(--surface-dash-widget);
-}
-
 .hover\\\\:border-text-and-icons:hover {
   border-color: var(--text-and-icons);
 }
@@ -23629,10 +23615,6 @@ video {
   border-color: var(--surface-xl);
 }
 
-.active\\\\:border-surface-dash-widget:active {
-  border-color: var(--surface-dash-widget);
-}
-
 .active\\\\:border-text-and-icons:active {
   border-color: var(--text-and-icons);
 }
@@ -24141,10 +24123,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.bg-surface-dash-widget {
-  background-color: var(--surface-dash-widget);
-}
-
 .bg-text-and-icons {
   background-color: var(--text-and-icons);
 }
@@ -24473,10 +24451,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.even\\\\:bg-surface-dash-widget:nth-child(even) {
-  background-color: var(--surface-dash-widget);
-}
-
 .even\\\\:bg-text-and-icons:nth-child(even) {
   background-color: var(--text-and-icons);
 }
@@ -24805,10 +24779,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.group:hover .group-hover\\\\:bg-surface-dash-widget {
-  background-color: var(--surface-dash-widget);
-}
-
 .group:hover .group-hover\\\\:bg-text-and-icons {
   background-color: var(--text-and-icons);
 }
@@ -25137,10 +25107,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.hover\\\\:bg-surface-dash-widget:hover {
-  background-color: var(--surface-dash-widget);
-}
-
 .hover\\\\:bg-text-and-icons:hover {
   background-color: var(--text-and-icons);
 }
@@ -25469,10 +25435,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.focus\\\\:bg-surface-dash-widget:focus {
-  background-color: var(--surface-dash-widget);
-}
-
 .focus\\\\:bg-text-and-icons:focus {
   background-color: var(--text-and-icons);
 }
@@ -25801,10 +25763,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.focus-within\\\\:bg-surface-dash-widget:focus-within {
-  background-color: var(--surface-dash-widget);
-}
-
 .focus-within\\\\:bg-text-and-icons:focus-within {
   background-color: var(--text-and-icons);
 }
@@ -26133,10 +26091,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.focus-visible\\\\:bg-surface-dash-widget:focus-visible {
-  background-color: var(--surface-dash-widget);
-}
-
 .focus-visible\\\\:bg-text-and-icons:focus-visible {
   background-color: var(--text-and-icons);
 }
@@ -26465,10 +26419,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.active\\\\:bg-surface-dash-widget:active {
-  background-color: var(--surface-dash-widget);
-}
-
 .active\\\\:bg-text-and-icons:active {
   background-color: var(--text-and-icons);
 }
@@ -26797,10 +26747,6 @@ video {
   background-color: var(--surface-xl);
 }
 
-.disabled\\\\:bg-surface-dash-widget:disabled {
-  background-color: var(--surface-dash-widget);
-}
-
 .disabled\\\\:bg-text-and-icons:disabled {
   background-color: var(--text-and-icons);
 }
@@ -27425,11 +27371,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.from-surface-dash-widget {
-  --tw-gradient-from: var(--surface-dash-widget);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .from-text-and-icons {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -27840,11 +27781,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.hover\\\\:from-surface-dash-widget:hover {
-  --tw-gradient-from: var(--surface-dash-widget);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .hover\\\\:from-text-and-icons:hover {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -28255,11 +28191,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.focus\\\\:from-surface-dash-widget:focus {
-  --tw-gradient-from: var(--surface-dash-widget);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .focus\\\\:from-text-and-icons:focus {
   --tw-gradient-from: var(--text-and-icons);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
@@ -28590,10 +28521,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.via-surface-dash-widget {
-  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .via-text-and-icons {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -28922,10 +28849,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.hover\\\\:via-surface-dash-widget:hover {
-  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .hover\\\\:via-text-and-icons:hover {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -29254,10 +29177,6 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--surface-xl), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
-.focus\\\\:via-surface-dash-widget:focus {
-  --tw-gradient-stops: var(--tw-gradient-from), var(--surface-dash-widget), var(--tw-gradient-to, rgba(255, 255, 255, 0));
-}
-
 .focus\\\\:via-text-and-icons:focus {
   --tw-gradient-stops: var(--tw-gradient-from), var(--text-and-icons), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
@@ -29586,10 +29505,6 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
-.to-surface-dash-widget {
-  --tw-gradient-to: var(--surface-dash-widget);
-}
-
 .to-text-and-icons {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -29918,10 +29833,6 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
-.hover\\\\:to-surface-dash-widget:hover {
-  --tw-gradient-to: var(--surface-dash-widget);
-}
-
 .hover\\\\:to-text-and-icons:hover {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -30250,10 +30161,6 @@ video {
   --tw-gradient-to: var(--surface-xl);
 }
 
-.focus\\\\:to-surface-dash-widget:focus {
-  --tw-gradient-to: var(--surface-dash-widget);
-}
-
 .focus\\\\:to-text-and-icons:focus {
   --tw-gradient-to: var(--text-and-icons);
 }
@@ -32293,10 +32200,6 @@ video {
   color: var(--surface-xl);
 }
 
-.text-surface-dash-widget {
-  color: var(--surface-dash-widget);
-}
-
 .text-text-and-icons {
   color: var(--text-and-icons);
 }
@@ -32625,10 +32528,6 @@ video {
   color: var(--surface-xl);
 }
 
-.hover\\\\:text-surface-dash-widget:hover {
-  color: var(--surface-dash-widget);
-}
-
 .hover\\\\:text-text-and-icons:hover {
   color: var(--text-and-icons);
 }
@@ -32957,10 +32856,6 @@ video {
   color: var(--surface-xl);
 }
 
-.focus\\\\:text-surface-dash-widget:focus {
-  color: var(--surface-dash-widget);
-}
-
 .focus\\\\:text-text-and-icons:focus {
   color: var(--text-and-icons);
 }
@@ -33289,10 +33184,6 @@ video {
   color: var(--surface-xl);
 }
 
-.focus-visible\\\\:text-surface-dash-widget:focus-visible {
-  color: var(--surface-dash-widget);
-}
-
 .focus-visible\\\\:text-text-and-icons:focus-visible {
   color: var(--text-and-icons);
 }
@@ -33621,10 +33512,6 @@ video {
   color: var(--surface-xl);
 }
 
-.group:hover .group-hover\\\\:text-surface-dash-widget {
-  color: var(--surface-dash-widget);
-}
-
 .group:hover .group-hover\\\\:text-text-and-icons {
   color: var(--text-and-icons);
 }
@@ -33953,10 +33840,6 @@ video {
   color: var(--surface-xl);
 }
 
-.active\\\\:text-surface-dash-widget:active {
-  color: var(--surface-dash-widget);
-}
-
 .active\\\\:text-text-and-icons:active {
   color: var(--text-and-icons);
 }
@@ -34285,10 +34168,6 @@ video {
   color: var(--surface-xl);
 }
 
-.disabled\\\\:text-surface-dash-widget:disabled {
-  color: var(--surface-dash-widget);
-}
-
 .disabled\\\\:text-text-and-icons:disabled {
   color: var(--text-and-icons);
 }
@@ -35163,14 +35042,6 @@ video {
   color: var(--surface-xl);
 }
 
-.placeholder-surface-dash-widget::-moz-placeholder {
-  color: var(--surface-dash-widget);
-}
-
-.placeholder-surface-dash-widget::placeholder {
-  color: var(--surface-dash-widget);
-}
-
 .placeholder-text-and-icons::-moz-placeholder {
   color: var(--text-and-icons);
 }
@@ -35827,14 +35698,6 @@ video {
   color: var(--surface-xl);
 }
 
-.focus\\\\:placeholder-surface-dash-widget:focus::-moz-placeholder {
-  color: var(--surface-dash-widget);
-}
-
-.focus\\\\:placeholder-surface-dash-widget:focus::placeholder {
-  color: var(--surface-dash-widget);
-}
-
 .focus\\\\:placeholder-text-and-icons:focus::-moz-placeholder {
   color: var(--text-and-icons);
 }
@@ -36411,10 +36274,6 @@ video {
   caret-color: var(--surface-xl);
 }
 
-.caret-surface-dash-widget {
-  caret-color: var(--surface-dash-widget);
-}
-
 .caret-text-and-icons {
   caret-color: var(--text-and-icons);
 }
@@ -37934,10 +37793,6 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
-.ring-surface-dash-widget {
-  --tw-ring-color: var(--surface-dash-widget);
-}
-
 .ring-text-and-icons {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -38266,10 +38121,6 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
-.focus-within\\\\:ring-surface-dash-widget:focus-within {
-  --tw-ring-color: var(--surface-dash-widget);
-}
-
 .focus-within\\\\:ring-text-and-icons:focus-within {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -38598,10 +38449,6 @@ video {
   --tw-ring-color: var(--surface-xl);
 }
 
-.focus\\\\:ring-surface-dash-widget:focus {
-  --tw-ring-color: var(--surface-dash-widget);
-}
-
 .focus\\\\:ring-text-and-icons:focus {
   --tw-ring-color: var(--text-and-icons);
 }
@@ -39170,10 +39017,6 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
-.ring-offset-surface-dash-widget {
-  --tw-ring-offset-color: var(--surface-dash-widget);
-}
-
 .ring-offset-text-and-icons {
   --tw-ring-offset-color: var(--text-and-icons);
 }
@@ -39502,10 +39345,6 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
-.focus-within\\\\:ring-offset-surface-dash-widget:focus-within {
-  --tw-ring-offset-color: var(--surface-dash-widget);
-}
-
 .focus-within\\\\:ring-offset-text-and-icons:focus-within {
   --tw-ring-offset-color: var(--text-and-icons);
 }
@@ -39834,10 +39673,6 @@ video {
   --tw-ring-offset-color: var(--surface-xl);
 }
 
-.focus\\\\:ring-offset-surface-dash-widget:focus {
-  --tw-ring-offset-color: var(--surface-dash-widget);
-}
-
 .focus\\\\:ring-offset-text-and-icons:focus {
   --tw-ring-offset-color: var(--text-and-icons);
 }