group-hover modifier and group-hover/{name} don't get formated/sorted (potentially all group-* modifiers)

[delight]

What version of prettier-plugin-tailwindcss are you using?

v0.6.9

What version of Tailwind CSS are you using?

v3.4.16

What version of Node.js are you using?

v20.14.0

What package manager are you using?

pnpm

What operating system are you using?

Linux

Describe your issue

Using the Styling based on parent state (group-{modifier}) there is no formating / sorting happening.

[cckrause]

Having the same issue with the latest plugin version v0.6.11 ...

input:

echo '<div class="group-data-[layout=full-width]/layout:min-1668:max-w-[808px] mb-8 group-data-[layout=full-width]/layout:mx-auto group-data-[layout=full-width]/layout:max-w-2xl md:mb-10 xl:mb-12"></div>' | npx prettier --stdin-filepath test.html

output:

<div
  class="mb-8 group-data-[layout=full-width]/layout:mx-auto group-data-[layout=full-width]/layout:max-w-2xl md:mb-10 xl:mb-12 group-data-[layout=full-width]/layout:min-1668:max-w-[808px]"
></div>

expected:

<div
  class="group-data-[layout=full-width]/layout:mx-auto group-data-[layout=full-width]/layout:max-w-2xl group-data-[layout=full-width]/layout:min-1668:max-w-[808px] mb-8 md:mb-10 xl:mb-12"
></div>