Add group values to Tailwind CSS

[mohammadhosseinmoradi]

Hi there,

I hope this message finds you well. I've been thoroughly enjoying using the Tailwind CSS library for my projects, and I recently came across a couple of points I'd like to bring to your attention.

Tailwind utility classes sometimes is very verbose like this situation:

"group-focus-within/text-field:text-xs",
"[label.group:has(input:not(:placeholder-shown))_&]:text-xs",
"group-focus-within/text-field:start-4",
"[label.group:has(input:not(:placeholder-shown))_&]:start-4",
"group-focus-within/text-field:top-0",
"[label.group:has(input:not(:placeholder-shown))_&]:top-0",

It would be great if you add ability to group values something like below:

"group-focus-within/text-field:text-xs_start-4_top-0",
"[label.group:has(input:not(:placeholder-shown))_&]:text-xs_start-4_top-0",

Thank you for your continuous efforts in maintaining and improving the Tailwind CSS library. I appreciate your time and consideration.