daypicker css overrides by tailwindcss

[BigSillyTiger]

Hi,
I am using day-picker and tailwindcss for my project, but I realized that tailwindcss will override button CSS to make them all transparent, of course this is NOT a day-picker's issue.

I customized 'react-day-picker/dist/style.css' by adding !important to
.rdp-day_selected, .rdp-day_selected:focus-visible, .rdp-day_selected:hover { color: var(--rdp-selected-color) !important; opacity: 1 !important; background-color: var(--rdp-accent-color) !important; }

then the normal button's style is back, but when it comes to custom-modifiers, I don't know how to make the modifiersStyles woking...

Looking for the help or ideas how to deal this...
Thank you.

[BigSillyTiger]

I found the exmple code by using modifiersClassNames instead of modifiersStyles, the issue is solved