Using Tailwind setup - the Ripple data attributes get added automatically

[LanFeusT23]

Describe the bug

Using tailwind setup the Ripple data attributes gets added to Buttons. Even when trying to disable ripple via { ripple: false } in the config.

This causes the ripple classes to be more specific than tailwind classes, preventing the use of certain classes, such as absolute

Reproducer

https://stackblitz.com/edit/vitejs-vite-upvqkv?file=src%2FApp.vue

PrimeVue version

3.34.1

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

All

Steps to reproduce the behavior

1. Create an application using the Tailwind setup as described here: https://primevue.org/tailwind/
2. Add a Button component and give it the classes absolute top-0

=> the Button is not positioned absolutely because:

1. the Ripple attribute gets added and it's css overrides absolute

*[data-pd-ripple="true"] {
    overflow: hidden;
    position: relative;
}

2. the Button by default gets several classes added to it, including relative which also overrides absolute

Expected behavior

Any manually added tailwind classes to a component should be the main class.