Developer-defined severities

[Wood-Chopper]

I would like to have the possibility to a create custom severity. The default 8 severity levels: primary, info, warn, danger etc are a bit limiting in term of number.

I have a use case where I would like to use premium as severity, and have a yellow background.

Usage example:

 <p-overlayBadge value="premium" [severity]="$any('premium')">
  <!-- Some premium content -->
 </p-overlayBadge>

Theming example:

{
  //[...]
  components: {
    badge: {
      premium: {
        background: '{yellow.400}',
      },
    },
  },
  //[...]
}