Css variables with twind.js

Question

I'm trying to add custom theme using twind, Is there any way to use css variables with https://twind.dev/?

Answer 1

You could follow this one: https://twind.dev/handbook/configuration.html#theme

And rather than

gray: colors.trueGray

you could use a CSS variable

gray: 'var(--color-bluegray-300)'

Thanks to the variable from an upper scope.