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

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

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