O novo sistema modular implementado @use está agora disponível a desde outubro de 2019. Em outubro de 2021 @import foi descontinuado, juntamente com as funções integradas globais, e um ano depois disso ( em outubro de 2022) o @import suporte será abandonado., Podemos fazer com a diretiva @import. Veja um exemplo prático de importação: No exemplo acima importamos o arquivo file.css que fica na pasta dir. Podemos especificar o caminho relativo do arquivo atual até o arquivo destino, e tudo isso deve ser feito entre aspas., Verifique os Caminhos dos Arquivos: Certifique-se de que os caminhos para os arquivos _variaveis.scss e _mixins.scss estão corretos. Às vezes, um erro de caminho pode impedir que as variáveis e mixins sejam carregados corretamente., O problema está na configuração do servidor que "diz" que o arquivo de estilo é CSS e não HTML., Segundo a documentação do Sass, o @import é necessário tanto para arquivos.scss quanto para arquivos.sass. https://sass-lang.com/documentation/at-rules/import. no footer.sass @import ../abstract/variaveis. no style.scss @import './components/footer'; Desse modo já funcionou no meu projeto., Olá, estou usando o compass e gostaria de saber como eu posso importar um arquivo externo da minha pasta configurada para o sass. Atualmente está assim o scss: background-color: $azul; A saída que ele me dá é essa: @import url(../../node_modules/angular-material/angular-material.min.css); .