runtime-family-conflict

A runtime value beside the other side of its key family.

• The build reports it while it compiles a file, and csszyx check lists it.

Message

A name in angle brackets is a value the message fills in.

key-first

[csszyx] runtime-family-conflict: `<key>` takes a runtime value beside `<other>` in one sz object, so both classes can be emitted and Tailwind's stylesheet order decides which applies, whatever the object's order.
  help: layer them, later wins: `sz={[{ <key>: … }, { <other>: … }]}`.
  docs: https://csszyx.com/e/runtime-family-conflict

other-first

[csszyx] runtime-family-conflict: `<key>` takes a runtime value beside `<other>` in one sz object, so both classes can be emitted and Tailwind's stylesheet order decides which applies, whatever the object's order.
  help: layer them, later wins: `sz={[{ <other>: … }, { <key>: … }]}`.
  docs: https://csszyx.com/e/runtime-family-conflict

Level

Default: error under recommended, error under atomic. Set it in csszyx.config: rules: { 'runtime-family-conflict': 'warn' }.

Arguments

The values this diagnostic names.