Чем отличаются подходы CSS-in-JS (styled-components) и CSS Modules?

CSS Modules генерируют уникальные имена классов на этапе сборки и выдают обычный CSS-файл — нулевой runtime-overhead. styled-components генерируют стили в runtime через JavaScript, позволяя использовать пропсы и темы прямо в стилях, но добавляют ~12-15 КБ к бандлу и нагружают runtime. Выбор зависит от приоритета: производительность или DX с динамическими стилями.