T2105: Primitive token used in a component

Cause

A primitive token (a raw palette value) is used in a component. Components should use semantic tokens so themes can change meaning.

Example

<contract>
{ "name": "Card", "role": "group", "parts": ["root"] }
</contract>
<template><div class="root"></div></template>
<style>
.root { color: $color.neutral.800; }
</style>

What you see

WARNING  T2105  app/components/Card.tess:6:16
  "$color.neutral.800" is a primitive token. Components should use semantic or component tokens.
  Reference a semantic token instead, or add one that aliases this primitive.
  Run `tessera explain T2105` for details.

Fix

Use a semantic token. Set primitives in tessera.config.ts to change this rule (warn by default).

All errors and warnings