Pagination classes with special characters aren't escaped. Throws a DOMException

[letoast]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/p/sandbox/swiper-pagination-forked-dstj52

Bug description

When using tailwind arbitrary properties classes https://tailwindcss.com/docs/adding-custom-styles#arbitrary-properties the querySelectorAll fails for pagination

Uncaught SyntaxError: Failed to execute 'querySelectorAll' on 'Element': '.[&>*]:h-2' is not a valid selector.

Even though [&>*] is a completely valid tailwind selector. Characters like "[" and "]" probably aren't escaped

This is not a duplicate of #4403 where I mentioned the issue a month ago but didn't get a reply.

Expected Behavior

Any tailwind possible class to work

Actual Behavior

No response

Swiper version

^11.2.0

Platform/Target and Browser Versions

macOS Safari

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR