Confusing order with screens and states

[alessandro-newzoo]

Hello, first of all thank you so much for this package <3

I have just installed it and was testing it on some basic code.

❯ rustywind ./test.html --write

write mode is active the following files are being saved:
  * ./test.html

↓

<div class="block xl:bg-red-300 hover:text-green-600 sm:bg-magenta-300 hover:bg-magenta-100">
</div>

I'm a bit confused by this, shouldn't sm: + xl:, and the two hover: be grouped together at the end like this?

<div class="block hover:bg-magenta-100 hover:text-green-600 sm:bg-magenta-300 xl:bg-red-300">