Sorting with conditional classes

[silveltman]

I have an 11ty site in which I use liquid as the template-language. I often use condifional classes, which causes headwind to stop working.

Example which doesn't sort:
<div class="rounded-full {{ bg }} relative"></div>

I would like it to at least keep sorting the regular tailwind classes and ignore the {{ bg }} part. Preferably it would move those custom tags to the front or end (like custom classes). So like this for instance:
<div class="{{ bg }} relative rounded-full"></div>

what might cause difficulties are things like this: focus:{{ bg }}