Tailwind 2.1+ JIT important (exclamation-prefixed) classnames support

[yura3d]

Check that this is really a bug

• I confirm

Reproduction link

https://codesandbox.io/s/swiper-pagination-forked-lsmep?file=/index.html

Bug description

Tailwind 2.1+ JIT provides a mechanism to auto-generate important modifiers for all styles under exclamation-prefixed classnames:

<p class="font-bold !font-medium">
  This will be medium even though bold comes later in the CSS.
</p>

It seems Swiper doesn't support of exclamation mark in options for classnames. For example, pagination.bulletClass

Expected Behavior

Setting classnames with exclamation mark for pagination.bulletClass will apply these classnames to pagination bullets without any errors.

Actual Behavior

Setting classnames with exclamation mark for pagination.bulletClass applies these classnames to pagination bullets, but after that the bullets don't work: active bullet is not highlighted, clicking doesn't change slides (see CodeSandbox).

Swiper version

6.8.1

Platform/Target and Browser Versions

Win10 x64, Chrome 92.0.4515.131

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