refactor(tailwindcss): simplify tailwindcss arbitrary values

[hrynevychroman]

You can use shortcut for arbitrary-values without var() wrapper

Docs: https://tailwindcss.com/docs/adding-custom-styles#using-arbitrary-values

Globally replaced with regex 😅

[cloudflare-workers-and-pages]

Deploying vue-ui-playground with    Cloudflare Pages

Latest commit:	661f9bd
Status:	✅  Deploy successful!
Preview URL:	https://114aacbd.vue-ui-playground.pages.dev
Branch Preview URL:	https://fix-tailwindcss-arbitrary.vue-ui-playground.pages.dev

View logs

[hrynevychroman]

Interesting why tests are failing, as I see I just replace tailwindcss arbitrary classes 🥲

[Barbapapazes]

Interesting why tests are failing, as I see I just replace tailwindcss arbitrary classes 🥲

Hey 👋 ! This is a great idea to improve readability. Tests are failing because you've change classes so the template. You must update the snapshots with vitest -u

[Barbapapazes]

Update snapshots

[Barbapapazes]

Hey @hrynevychroman it seems something change: https://tailwindcss.com/docs/adding-custom-styles#using-arbitrary-values:~:text=%3Cdiv%20class%3D%22fill%2D(%2D%2Dmy%2Dbrand%2Dcolor)%20...%22%3E

[Barbapapazes]

for reference: ([a-zA-Z0-9_-]+)-\[var\((--[\w-]+)\)\] to $1-($2)