Support Arbitrary values for responsive

[Ice-Hazymoon]

Clear and concise description of the problem

<div class="min-[320px]:text-center max-[600px]:bg-sky-300">
  <!-- ... -->
</div>

Suggested solution

https://tailwindcss.com/docs/responsive-design#arbitrary-values

Alternative

No response

Additional context

No response

Validations

• Read the Contributing Guidelines.
• Read the README.md of using the package.
• Already used the Interactive Docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.