Format fallback CSS vars with var() (#651)

* please work * Create three-peaches-travel.md
primer · May 10, 2023 · 26ed1fc · 26ed1fc
1 parent c8e1996
commit 26ed1fc
Show file tree

Hide file tree

Showing 3 changed files with 244 additions and 239 deletions.
diff --git a/.changeset/three-peaches-travel.md b/.changeset/three-peaches-travel.md
@@ -0,0 +1,5 @@
+---
+"@primer/primitives": patch
+---
+
+Format fallback CSS vars with `var()`
diff --git a/docs/storybook/stories/Migration/v8/TokenComparison.stories.tsx b/docs/storybook/stories/Migration/v8/TokenComparison.stories.tsx
@@ -255,7 +255,7 @@ export const Fallbacks = () => {
   const data = Object.entries(fallbackVars).map(([key, value]) => {
     return {
       id: key.replace(/^--/, ''),
-      color: value.replace(/^--/, ''),
+      color: value.replace(/^var\(--|\)/g, '').replace(/^--/, ''),
     }
   })
   return (