feat: support tailwindcss v4

[winchesHe]

closes #239, #240

Description

Breaking changes

❕ Note: Tailwindcss V4 no longer supports the config.content.transform so we remove the responsive variants feature

If you want to use responsive variants, you need to add it manually to your classname.

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

[winchesHe]

https://linear.app/heroui/issue/ENG-2001/[feature]-tailwind-variants-tailwindcss-v4-support

[yaseiva]

Can you explain please "If you want to use responsive variants, you need to add it manually to your classname."

Like I'm using cva now, and want to convert it to tv so i can use responsive. How do we handle responsive with tv?

[winchesHe]

Can you explain please "If you want to use responsive variants, you need to add it manually to your classname."

Like I'm using cva now, and want to convert it to tv so i can use responsive. How do we handle responsive with tv?

Like sm:text-small, m:text-medium, https://tailwindcss.com/docs/responsive-design

[CanRau]

Upgrading broke my project, release page didn't mention breaking changes 😅 or how to proper upgrade/migrate 🤔
Also we're still using tailwind v3 😇 and it's not entirely clear to me if tv v1 would still work 🤔

[winchesHe]

Upgrading broke my project, release page didn't mention breaking changes 😅 or how to proper upgrade/migrate 🤔 Also we're still using tailwind v3 😇 and it's not entirely clear to me if tv v1 would still work 🤔

Sorry, it's been updated, detailed updates are in the documentation https://www.tailwind-variants.org/docs/tailwind-v4#breaking-changes