T2102: Raw value off the token scale

Cause

A governed property (spacing, radius, font size, opacity, motion, shadow) has a value that is not on the token scale.

Example

<contract>
{ "name": "Card", "role": "group", "parts": ["root"] }
</contract>
<template><div class="root"></div></template>
<style>
.root { padding: 13px; }
</style>

What you see

ERROR  T2102  app/components/Card.tess:6:18
  Raw length "13px" in "padding" is off the scale.
  Did you mean "$space.3" (12px)? Or write raw(13px, "reason") to keep it.
  Run `tessera explain T2102` for details.

Fix

Use the nearest scale step the hint names, or raw(value, "reason", "expiry") for a one-off.

.root {
  padding: $space.3;
}

All errors and warnings