[sergioazoc]

What & why

Follow-up to #214, which stopped reading -- keys as classes. The default ^styles?$ variable pattern reaches the style objects of every framework, not only React's CSSProperties, so the remaining cases still reported:

const style = { 'background-color': color() }   // Solid, Vue, Qwik, Lit styleMap
const style = { '-webkit-line-clamp': lines }    // vendor prefix
const styles = { 'width.px': 240 }               // Angular ngStyle
cn({ '--x flex': c })                            // #214 skipped `flex` here (false negative)

An object key is now skipped when it is a style declaration (isStyleDeclaration in extractors.ts):

• Custom property, as one token: /^--\S+$/. '--x flex' is read as classes again.
• CSS property name: utils/css-properties.ts, csstype's standard + SVG *PropertiesHyphen names plus the -ms- ones, minus the 15 that are also Tailwind classes (flex, grid, border, container, transition, …). A test holds that no name in the list is a class.
• Vendor prefix: -webkit- / -moz- by prefix. -ms- only by name, since -ms-4 is a negative margin.
• Constant value: a string, number or template literal. In a class map the value is a condition; a constant one never is ({ flex: '1 1 0%' }, 'width.px': 240, { 'primary-button': 'bg-blue-500' }).

Every other key is still a class (cn({ 'itms-center': isOpen }) is still reported).

Tests

• style-declaration object keys block in tests/rules/no-unknown-classes.test.ts: framework cases (valid) and the token / -ms-4 edges (invalid).
• CSS_PROPERTY_NAMES holds no Tailwind class, against the default fixture.
• pnpm lint && pnpm format:check && pnpm typecheck && pnpm build && pnpm test: 3522 + 312 passing.

Docs

/settings (EN + ES) explains which object keys are read; the Unreleased CHANGELOG entry from #214 is rewritten to cover the whole change; CLAUDE.md updated.

Refs #5, #214

🤖 Generated with Claude Code

https://claude.ai/code/session_019vTh6S5A41M1HLkmk3FaM1