T2103: Token of the wrong type for the property

Cause

A token of the wrong type or group is used for the property, such as a color token for padding.

Example

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

What you see

ERROR  T2103  app/components/Card.tess:6:18
  "padding" takes dimension tokens from "space", but "$color.text.default" is a color token.
  Run `tessera explain T2103` for details.

Fix

Use a token of the kind the property takes (a spacing token for padding, a color token for color).

All errors and warnings