Sou um dos programadores que costuma fugir quase sempre do CSS-IN-JS kk!
Mas referente ao curso de arquitetura consegui cruzar algumas informações que podem ser implementadas com o uso de SASS e de certa forma me fizeram acreditar que posso ter uma legibilidade melhor, como é o caso do uso de maps. Ex:
$font-weights: ("regular": 400, "medium": 500, "bold": 700)Gostaria de saber se utilizar uma arquitetura envolvendo sass para a base de Theme e trabalhar com modules em componentes faz fugir muito a regra do Design System no ambiente do NextJS/React?
a ideia é ter um arquivo theme que me forneça os maps referentes ao design e sobre as importações de fonts e
arquivos relacionados ao style.
e ao utilizar modules fazemos um @import do theme.scss para utilizar os maps no projeto, e assim temos uma arquitetura
parecida, mas separando o style.
