check_css_vars
Validates CSS custom property usage in web components. Catches unknown properties with typo suggestions and !important on design tokens.
Instructions
Validates consumer CSS for custom property usage against a component CEM — catches unknown CSS custom properties with typo suggestions, and !important on design tokens (anti-pattern). Run this on any CSS that sets component-scoped custom properties.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| libraryId | No | Optional library ID to target a specific loaded library instead of the default. | |
| cssText | Yes | The CSS code to validate for custom property usage. | |
| tagName | Yes | The custom element tag name to validate against (e.g. "sl-button"). |