Tailwind CSS v4

Четвёртая версия Tailwind отказалась от JS-конфига в пользу декларации темы прямо в CSS через @theme. Это убирает шаг сборки toolchain-зависимостей и делает дизайн-токены частью обычного CSS, доступного остальным инструментам.

Что поменялось

• Цвета, шрифты, тени и брейкпоинты декларируются через @theme.
• Нативная поддержка контейнерных запросов через утилиты @container.
• Новый движок Oxide на Rust — сборка стала быстрее в разы.
• 3D-трансформации и улучшенные variants для современных CSS-фич.

Совместимость с существующими проектами

Через директиву @config можно подключить старый tailwind.config.ts и постепенно переезжать. Plugin-экосистема (cva, tw-merge, prettier-plugin) работает без изменений.

Подводные камни

Главное — следить за порядком импортов и за тем, чтобы темы из shadcn/ui не конфликтовали с вашими токенами. Мы решили это через явный namespace в @theme inline.