Dialog: Responsiveness is not working in unstyled mode using tailwind

[vvoila]

Describe the bug

Responsiveness in dialog component in unstyled mode is not working, for example if we set below property:

<Dialog v-model:visible="visible" modal header="Header" :style="{ width: '50vw' }" :breakpoints="{ '1199px': '75vw', '575px': '90vw' }">

and resize the browser, the dialog window won't set to 90vw, it keeps in 50vw.

Another demo, you can try in https://tailwind.primevue.org/dialog/#responsive and resize the browser window.

Reproducer

https://stackblitz.com/edit/egvgvp?file=src%2FApp.vue

PrimeVue version

3.48.1

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome 121.x

Steps to reproduce the behavior

No response

Expected behavior

No response

[mertsincan]

Hi,

Please see our limitations; #90 We recommend using tailwind breakpoint classes.

Best Regards,