Na documentação do Sass é desencorajado o uso do @import , trocando então pelo @use. Porém em projetos Angular, atualmente, é necessário inserir o namespace (... as <namespace>), sem ele o @use não funciona no Angular:
@use "any-partials" as foo;
.any-class {
background-color: foo.$any-var;
}Ou sem o namespace, mas deve conter o coringa (... as *):
@use "any-partials" as *;
.any-class {
background-color: $any-var;
}_
Referências:
https://sass-lang.com/documentation/at-rules/import
https://sass-lang.com/documentation/at-rules/use#loading-members
