Design Tokens vs Atomic CSS: A Failed Integration and the Path to Harmony

A developer tried mapping a framework-agnostic design-token system into UnoCSS utilities.

The conversion produced redundant classes, awkward conditionals, extra maintenance, and poor debuggability.

Because of that complexity, the experiment was dropped in favor of direct token-based CSS with CSS variables.

The takeaway: for mature design-token systems, atomic CSS may add abstraction without enough benefit.