Al exportar variables, me importaba conservar cómo se relacionan. Tokens to Code mantiene las colecciones, los modos y los alias para generar CSS y una configuración de Tailwind que puedas revisar antes de usar.
Modos
Cadamodo,untema.
Cada modo de una colección se escribe en su propio bloque :root[data-theme]. El modo por defecto va en :root y los alias quedan como referencias var().
Eliges colecciones y modos, CSS, Tailwind o ambos, y la sintaxis Web de Code Syntax o el nombre de Figma. Las variables del archivo no cambian.
Alias
Losaliassiguensiendoalias.
Las variables semánticas siguen apuntando a sus primitivas con var(). Un alias de una biblioteca recibe su valor, con un comentario que indica de dónde viene.
El generador recorre las colecciones y sus modos, resuelve alias y agrupa los valores por tipo. Los avisos señalan lo que necesita revisión para que puedas comprobarlo antes de llevarlo al proyecto.