[Bug]: subtraction followed by a variable not normalized properly

[sibbng]

Reproduction

https://twind.run/baton-wound-radius?result=css

Describe the bug

Hi @sastan, in https://github.com/tailwindlabs/tailwindcss/pull/4147 I contributed tailwindcss to fix some arbitrary values related issues. As I mentioned in the PR, I got this regex from twind project. But it has an edge case as reported in https://github.com/tailwindlabs/tailwindcss/issues/9832. I fixed this in https://github.com/tailwindlabs/tailwindcss/pull/10074. But I'm not sure if my solution is ideal or not. I wanted to let you know, the same issue also exists in twind. I can make a PR if you think my solution is good enough.

Severity

annoyance

System Info

-

Additional Information

No response

[sastan]

Thanks for the heads-up. It would be really appreciated if you could create a PR to fix this in twind as well.

[ayame113]

Perhaps I ran into the same issue. The combination of max() and var() breaks css variables. https://twind.run/denim-airline-vampire?result=css

[stale[bot]]

Hey folks. This issue hasn't received any traction for 90 days, so we're going to close this for housekeeping. If this is still an ongoing issue, please do consider contributing a Pull Request to resolve it. Further discussion is always welcome even with the issue closed. If anything actionable is posted in the comments, we'll consider reopening it. ⓘ