GlBadge - Pill prop overrides Variant prop's css

Example

<gl-badge variant="primary" :pill="true">Primary</gl-badge>

This should be a primary styled pill badge. Instead it gets overwritten by the colors applied by the .badge-pill class.