Por qué migrar a módulos
1
Con @use controlas qué módulo entra y bajo qué nombre, eliminando variables globales implícitas.
2
Esto reduce bugs por colisión y hace más evidente el origen de cada token o mixin.
Sass
07
Arquitectura con @use y @forward en Sass moderno
Organiza Sass por módulos, controla namespaces y construye una base escalable para proyectos grandes sin depender de @import legado.
Código del tema: @use "tokens" as *;
📘 Teoría
API interna con @forward
1
Puedes centralizar exports en un index.scss para que el resto del proyecto importe una sola entrada.
2
Así encapsulas estructura interna sin acoplar consumidores a rutas profundas.
@use + @forward
// styles/tokens/_colors.scss
$brand: #4f46e5;
// styles/tokens/_index.scss
@forward "colors";
// styles/components/_button.scss
@use "../tokens" as t;
.button {
background: t.$brand;
}