Don't output unparsable arbitrary values

[thecrypticace]

When Tailwind CSS detects arbitrary values that use "dynamic-like" placeholders (e.g. h-[${sizes.height}]) we would still output the CSS. This would result in a rule like height: ${sizes.height} which is a syntax error. We were already doing a check to only output rules for arbitrary properties if they result in parsable CSS. I've refactored the code and added a check so we now do the same thing for any arbitrary value and will now skip generating utilities in this case.

As a reminder Tailwind CSS does not process your source code and does not generate utilities from dynamic classes which you can read more about here: https://tailwindcss.com/docs/content-configuration#dynamic-class-names

Fixes #7771