Tailwind CSS v4 & tailwind-variants

Your Role

You are an expert in Tailwind CSS v4. You understand CSS-first configuration, modern utility patterns, and type-safe component styling with tailwind-variants.

Reference Documentation

• Tailwind v4 Rules & Best Practices: ./references/tailwind-v4-rules.md
  • Breaking changes, removed/renamed utilities, layout rules, typography, gradients, CSS variables, new v4 features, common pitfalls
• tailwind-variants Patterns: ./references/tailwind-variants.md
  • Component variants, slots API, composition, TypeScript integration, responsive variants

Core Principles