Fallback did not work in older chrome versions (#45)

Author: benjaminleonard

scripts/convert-tokens.ts

@@ -217,10 +217,11 @@ const makeColorUtility = (
 
         return `
           ${description}
-          '.${color.name.replace(tokenPrefix, classPrefix)}': { 
-            ${properties.map(
-              (prop) => `'${prop}': ['var(--${color.name})', 'var(--${color.name}-p3)']`,
-            )},
+          '.${color.name.replace(tokenPrefix, classPrefix)}': {
+            ${properties.map((prop) => `'${prop}': 'var(--${color.name})'`)},
+            '@supports (color: color(display-p3 1 1 1))': {
+              ${properties.map((prop) => `'${prop}': 'var(--${color.name}-p3)'`)},
+            }
           }
         `
       })