Styles should not rely on base font-size

[frankmichel]

First of all, great work on everything! The Tailwind preset looks great. However, there is one major issue with it. Since it requires a base font-size of 14px to be set on the html tag, it makes all other Tailwind-styled components incompatible which do not share this same base font-size.

Tailwind itself styles its components based on the default font-size of modern browsers, which is 16px. So no base font-size is set on the html tag.

Since not only font-sizes, but all kinds of size-based styles (width, height, spacing, etc.) are relative to the base font size (since Tailwind is using rem) it makes Primevue incompatible with any other Tailwind styled html component. It breaks app designs with existing Tailwind layouts. Or Primevue components are way bigger than displayed in the documentation (and bigger than they should be).

I think it is strongly recommended to remove the 14px restriction and restyle all components without the need of any base font-size. This way Primevue will be much more compatible with other frameworks, templates and snippets.