Confusing order with screens and states #87
Description
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">