token()

A thoughtfully curated and opinionated preset for design systems — uniting linting, tooling, and perspective to align design and engineering.

  • .component {
  color: token('colors.primary.1');
}
    Missing token import definition
  • .component {
  padding-inline: 0.25rem;
}
    Missing token suggestion
  • .component {
  color: token('colors.unknown');
}
    Unknown token value
  • .component {
  margin: token('radius.small');
}
    Invalid token usage