Sostituire la direttiva @import con @use

[zetareticoli]

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

• Ho verificato e non esiste

Versione della libreria

latest

Cosa

Modificare l'importazione di parziali *.scss utilizzando la direttiva moderna @use.

Documentazione

Perché

La direttiva @import è obsoleta e sarà presto deprecata.

Contesto

No response

Altro

Nel caso di importazione di parziali con stesso nome, ma estensione diversa (esempio, design token) è necessario adottare un alias.

Esempio:

@use "../../node_modules/design-tokens-italia/css/_variables.css" as cssVars;
@use "../../node_modules/design-tokens-italia/scss/_variables" as scssVars;

// Uso delle variabili
body {
  color: cssVars.var(--primary-color); // Variabile CSS
  margin: scssVars.$spacing;          // Variabile SCSS
}