Generates @property rules for dynamic CSS variables.

Dynamic classes use CSS variables that are set at runtime via inline styles. To prevent these variables from being inherited by pseudo-elements (which can cause unexpected behavior), we generate @property rules with inherits: false.

This matches StyleX's behavior where dynamic styles generate:

@property --x-opacity { syntax: "*"; inherits: false; }

Why inherits: false?

Without this, a pseudo-element like ::before would inherit the CSS variable value from its parent, which may not be the intended behavior for dynamic styles. Setting inherits: false ensures each element must explicitly set the variable.

CSS Variable Overrides

When a dynamic class overrides CSS variables defined via vars() (using property keys like {var({Module, :name}), value}), we do NOT generate @property rules for those. The original var definition controls inheritance, and we WANT these to inherit so child elements can see the overridden values.

StyleX also distinguishes between:

• Typed vars (from defineVars): inherits: true
• Dynamic style vars: inherits: false (unless pseudo element)