Olá, gostaria de deixar uma sugestão para melhorar a organização dos nossos arquivos e diminuir o número de imports no <head></head> no nosso HTML.
Bom aqui vai: Uma ótima proposta quando se tem muitos arquivos CSS é a utilização do** CSS modules. **
Como mostra a imagem abaixo o arquivo que eu chamo de style no projeto possui dentro dele todos os importes dos outros aquivos CSS, logo basta fazer um único importe deste arquivo no HTML para aplicar os estilos no projeto.
Aqui na alura na trilha de Front-end no curso de Responsividade com mobile first a Instrutora Beatriz ensina como trabalhar com módulos no CSS.
