Thanks for the answer but this isn't convinient at all.
Let's say I just want to show a list of cars, and I have a li containing the color like this
Color: {color}

I can't use this color to style the div with tailwind classes (to give a red background for example) so I'll have to create a 2nd variable and imo that's bad ... I would like to use only one variable to do 2 things.

The only solution I found is to use the safelist array in the config file and it's a bad solution so I was looking for a real better solution.

I was under the impression that postcss fixed it but the issue came back so probably didn't came back.

If someone can enlighten me I would appreciate, thanks in advance.