В чем разница между Tailwind CSS v3 и v4?

Некоторые различия между Tailwind CSS v3 и v4:

• Импорт. tailwindcss.com В v4 Tailwind импортируется с помощью обычной команды CSS @import, а не директив @tailwind, как в v3. tailwindcss.com
• Утилиты. tailwindcss.com daily.dev В v4 удалены устаревшие утилиты, которые были недокументированы в v3. tailwindcss.com
• Цвет заполнителя по умолчанию. tailwindcss.com tailwindcss.ru В v3 по умолчанию использовался цвет gray-400, а в v4 — текущий цвет текста с непрозрачностью 50%. tailwindcss.com tailwindcss.ru
• Синтаксис переменных. tailwindcss.com tailwindcss.ru В v4 для обозначения переменных используются круглые скобки вместо квадратных. tailwindcss.com tailwindcss.ru
• Стили наведения на мобильных устройствах. tailwindcss.com tailwindcss.ru В v4 вариант hover применяется только тогда, когда основное устройство ввода поддерживает наведение. tailwindcss.ru

Кроме того, в v4 Tailwind CSS оптимизирован для скорости: полная перестройка выполняется в 3,5 раза быстрее, а инкрементальная сборка — в 8 раз быстрее. tailwindcss.ru