Export to sass variables fail if color is defined as function

[7iomka]

https://tailwindcss.com/docs/customizing-colors#using-css-variables

function withOpacityValue(variable) {
  return ({ opacityValue }) => {
    if (opacityValue === undefined) {
      return `rgb(var(${variable}))`;
    }
    return `rgb(var(${variable}-rgb) / ${opacityValue})`;
  };
}

module.exports = {
  theme: {
    colors: {
      primary: withOpacityValue(`--primary`),
    },
 }
}

Error

SassError: expected ")".
  ╷
3 │   "primary": ({ opacityValue }) => {
  │               ^

[dobromir-hristov]

Hey. Sorry for the extremely late reply... I havent been active in the OSS world lately.

I can detect functions and invoke them, but I dont know what value to pass to them :/ Tailwind just gives me an object with functions as values for colors in your example.

I looked at the result from using this syntax in the tailwind playground and it looks pretty cool. I honestly have no clue how to proceed here. The Tailwind team doesnt really respond to my questions related to this library so that's a dead end as well :/