Какие проблемы существуют у CSS Modules

CSS Modules решают проблему глобальных стилей, но имеют свои недостатки:

1. Динамические стили - сложно применять стили условно, так как имена классов генерируются на этапе сборки. Решение - комбинировать с CSS-in-JS или использовать composes.

/* button.module.css */
.error {
  composes: base from './base.module.css';
  color: red;
}

2. Глобальные стили - иногда нужны (например, normalize.css), но их подключение требует дополнительных настроек в сборке.

3. Поддержка инструментов - не все IDE корректно работают с автодополнением классов из CSS Modules.

4. Тестирование - snapshot-тесты могут ломаться из-за динамических хэшей в именах классов.

5. Сложность миграции - переход с обычного CSS требует рефакторинга всех импортов и синтаксиса.