Token de componente
Valor de diseño (token) atado a una pieza y a una propiedad muy concretas, por ejemplo el fondo del botón principal (button-background-primary). Suele apuntar a un token más general, y es el nivel que da más control fino sobre un elemento sin tocar el resto.
En una analogía · Es la etiqueta interna de una pieza concreta: "color-de-fondo-del-botón-primario", lo más específico posible.
También conocido como: component token
Los tokens se organizan por niveles, de lo general a lo concreto. El token de componente es el más específico: no habla del sistema entero, sino de una parte exacta de un elemento, como el color de fondo de un botón concreto.
Su ventaja es el control local: puedes ajustar ese detalle sin afectar a nada más. Como suele apuntar a un token más general en lugar de fijar un valor a pelo, si cambias la base, el componente se actualiza solo y todo sigue coherente.
Lecturas de referencia
A seguir