Interpolated function doesn't work

[luixo]

What happened?

Hello,
I tried to import a library that does this:

--prefix-foo: 120 50% 50%;
--color-foo: hsl(var(--prefix-foo));

Working with that eventually fails with an error:

Uniwind Error [Color Processor] - Failed to convert color hsl(this[`--prefix-foo`])

Steps to Reproduce

1. Add to CSS file:

--prefix-foo: 120 50% 50%;
--color-foo: hsl(var(--prefix-foo));

2. Add class name bg-foo

Expected: background of given color
Actual: no background color applied

Snack or Repository Link

https://github.com/luixo/uniwind-interpolation-example

Uniwind version

1.2.4

React Native Version

0.81.5

Platforms

iOS

Expo

Yes

Additional information

• I've searched for similar issues in this repository and found none

[luixo]

Just found out it's the way Tailwind suggests CSS variables to work: https://v3.tailwindcss.com/docs/customizing-colors#using-css-variables

[Brentlok]

Just found out it's the way Tailwind suggests CSS variables to work: https://v3.tailwindcss.com/docs/customizing-colors#using-css-variables

It's V3 documentation though, currently tailwind is using oklch format

[luixo]

oklch color space fail the same way:

Uniwind Error [Color Processor] - Failed to convert color oklch(this[`--prefix-foo`])