Utility classes that encapsulate common styling needs for native html elements

[rolfsmeds]

Describe your motivation

There are many recurring styling needs for native html elements that, while fairly simple, can be challenging to implement using css or the atomic utility classes.

Describe the solution you'd like

Packaging these styles as more comprehensive utility classes would be a lightweight solution.

Examples:

• Style a <label> / NativeLabel to look like a field label
• Style a link to look like a Vaadin Button (incl. hover, focus and disabled styles, and primary)
• Style a link to look like a menu item (e.g. in ContextMenu, with focus and hover styles)
• Style a native <input type="text"> (or a div, or whatever) to look like a Vaadin TextField
• Badges could be refactored to this instead of the theme based styling

Describe alternatives you've considered

I suppose the alternative would be the way badge styles are currently implemented, as theme attribute based styles loaded through some other Lumo module... but I feel we should move away from this approach in general.

Additional context

No response