I really like Tailwind's approach in some cases, it does make prototyping extremely fast.

What I'm really missing (and I don't understand it doesn't exist) is a way to compose classes into a single class, to refactor collections of small utility classes into a meaningful class with semantic sense. Why can't I do something like:

    .my-class {
        use .text-sm
        use .text-gray
        use .bold
    }

Kind of like calling several functions from a single function to compose their effects.

The only things that come to mind are SCSS mixins (but would have to declare the `text-gray` mixin AND the `text-gray` class, plus it doesn't with a lib like tailwind that provides classes), or CSS-in-JS trickery. Styled-component allows this sort of things, but it still doesn't feel very nice to use.

If I've missed something and this is actually possible, please somebody tell me!