Стратегии миграции CSS
Инкрементальная миграция: новые компоненты на Tailwind, затем горячие пути, legacy CSS до замены.
Переписать весь набор стилей за один заход почти никогда не удаётся. Надёжнее двигаться слоями: новые компоненты сразу на Tailwind, затем самые посещаемые экраны, а унаследованный CSS остаётся, пока действительно не заменён. В руководстве описан подход strangler для стилей и чек-лист для приёмочной проверки.
Strangler по компоненту
Новый UI на утилитах, пока живёт старый CSS. Удаляйте CSS только после визуального QA компонента.
Сначала примитивы
Кнопки, inputs и cards раньше page layouts снижают двойную работу над design system.
Определение done
Две ширины, интерактивные состояния, orphan CSS удалён, arbitrary обоснованы в тикете.
Попробовать
.example { display: flex; gap: 1rem; padding: 1rem; }Заметка о доверии: проверяйте результат визуально. Конвертер — черновик для разработчиков.