[Minor] Impossible to customize CSS properties without increasing CSS selector specificity or using !important

[franciscolourenco]

Link to reproduction

https://github.com/payloadcms/payload/compare/franciscolourenco:reproduce-css-specificity

Describe the Bug

When using custom CSS to style Payload, currently Payload styles take precedence over custom styles. This means that in order to override Payload styles, it is necessary to use a CSS selector of higher specificity, or use the !important keyword. None of the options is ideal.

To Reproduce

Try to modify a CSS property of an already styled Payload element, using the same CSS selector as the Payload styles (see reproduction link).

Payload Version

2.23.1

Adapters and Plugins

No response