Solving CSS @layer Ordering in Design Systems with Design Token Metadata

Getting CSS ⁠ @layer ordering right in a design system is a problem that only gets harder as it scales, every new component risks fighting for specificity or stacking priority. I was reading Chris Coyier's post on horizontal thinking in CSS @layer a couple of weeks back, and it offered a neat little way out of that mess. The basic point is pretty simple, instead of worrying about the vertical…