At first I did the below snippet as a simplified example. But really I think it covers all the bases. To see it in action, check out this pen. I’m using Sass because I can’t imagine building a site without it. The logic applies to CSS or Less just the same.
Many tokenized concepts include scales to choose from, such as t-shirt sizing (XS, S, M, L, XL, XXL), progressions (like a geometric 2, 4, 8, 16, 32, 64), or custom terminology (like compact, cozy, and comfortable). Scales can also start with a few options (only S & M) and grow to include more as warranted.