Add variable fallback to fix Chrome issue

Author: thecrypticace

src/util/removeAlphaVariables.js

@@ -19,6 +19,10 @@ export function removeAlphaVariables(container, toRemove) {
       if (decl.value.includes(`/ var(${varName})`)) {
         decl.value = decl.value.replace(`/ var(${varName})`, '')
       }
+
+      if (decl.value.includes(`/ var(${varName},1)`)) {
+        decl.value = decl.value.replace(`/ var(${varName},1)`, '')
+      }
     }
   })
 }

src/util/withAlphaVariable.js

@@ -42,7 +42,7 @@ export default function withAlphaVariable({ color, property, variable }) {
     [variable]: '1',
     ...Object.fromEntries(
       properties.map((p) => {
-        return [p, formatColor({ ...parsed, alpha: `var(${variable})` })]
+        return [p, formatColor({ ...parsed, alpha: `var(${variable},1)` })]
       })
     ),
   }