ALT Screenshot of slide 36 from the "Dissecting Tailwind: A Design Tokens Tale" Drupalcon 2021 session by John Albin Wilkins. It shows a list of design tokens written as CSS Variables, using a naming scheme that uses numbers based on the font size instead of named sizes like text-xs, text-sm, etc. For example, one of the examples shown uses `--size-font-075: 0.75rem` instead of `--font-xs: 0.75rem`. It also highlights that 2 additional sizes were added at a later date and easily fit into the naming scheme, whereas if the sizing naming convention was used, it would have been hard to incorporate a new size somewhere in between lg and xl. Slides (PDF) can be found at https://john.albin.net/sites/default/files/2021-05/dissecting-tailwind.pdf.