updated temporary CSS files (components + themed tokens) in showcase public folder

Author: didoo

showcase/public/assets/styles/@hashicorp/design-system-components-common.css

@@ -2798,8 +2798,8 @@
   max-width: 100%;
   font-weight: var(--token-typography-font-weight-medium);
   font-family: var(--token-typography-font-stack-text);
-  border-width: var(--token-badge-border-width);
   border-style: solid;
+  border-width: var(--token-badge-border-width);
 }
 
 .hds-badge-count--size-small {
@@ -2828,34 +2828,34 @@
 
 .hds-badge-count--color-neutral.hds-badge-count--type-filled {
   color: var(--token-badge-foreground-color-neutral-filled);
-  border-color: transparent;
   background-color: var(--token-badge-surface-color-neutral-filled);
+  border-color: transparent;
 }
 .hds-badge-count--color-neutral.hds-badge-count--type-inverted {
   color: var(--token-badge-foreground-color-neutral-inverted);
-  border-color: transparent;
   background-color: var(--token-badge-surface-color-neutral-inverted);
+  border-color: transparent;
 }
 .hds-badge-count--color-neutral.hds-badge-count--type-outlined {
   color: var(--token-badge-foreground-color-neutral-outlined);
-  border-color: var(--token-badge-foreground-color-neutral-outlined);
   background-color: transparent;
+  border-color: var(--token-badge-foreground-color-neutral-outlined);
 }
 
 .hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-filled {
   color: var(--token-badge-foreground-color-neutral-dark-mode-filled);
-  border-color: transparent;
   background-color: var(--token-badge-surface-color-neutral-dark-mode-filled);
+  border-color: transparent;
 }
 .hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-inverted {
   color: var(--token-badge-foreground-color-neutral-dark-mode-inverted);
-  border-color: transparent;
   background-color: var(--token-badge-surface-color-neutral-dark-mode-inverted);
+  border-color: transparent;
 }
 .hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-outlined {
   color: var(--token-badge-foreground-color-neutral-dark-mode-outlined);
-  border-color: var(--token-badge-foreground-color-neutral-dark-mode-outlined);
   background-color: transparent;
+  border-color: var(--token-badge-foreground-color-neutral-dark-mode-outlined);
 }
 
 /**

showcase/public/assets/styles/@hashicorp/design-system-components.css

@@ -3331,8 +3331,8 @@
   max-width: 100%;
   font-weight: var(--token-typography-font-weight-medium);
   font-family: var(--token-typography-font-stack-text);
-  border-width: var(--token-badge-border-width);
   border-style: solid;
+  border-width: var(--token-badge-border-width);
 }
 
 .hds-badge-count--size-small {
@@ -3361,34 +3361,34 @@
 
 .hds-badge-count--color-neutral.hds-badge-count--type-filled {
   color: var(--token-badge-foreground-color-neutral-filled);
-  border-color: transparent;
   background-color: var(--token-badge-surface-color-neutral-filled);
+  border-color: transparent;
 }
 .hds-badge-count--color-neutral.hds-badge-count--type-inverted {
   color: var(--token-badge-foreground-color-neutral-inverted);
-  border-color: transparent;
   background-color: var(--token-badge-surface-color-neutral-inverted);
+  border-color: transparent;
 }
 .hds-badge-count--color-neutral.hds-badge-count--type-outlined {
   color: var(--token-badge-foreground-color-neutral-outlined);
-  border-color: var(--token-badge-foreground-color-neutral-outlined);
   background-color: transparent;
+  border-color: var(--token-badge-foreground-color-neutral-outlined);
 }
 
 .hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-filled {
   color: var(--token-badge-foreground-color-neutral-dark-mode-filled);
-  border-color: transparent;
   background-color: var(--token-badge-surface-color-neutral-dark-mode-filled);
+  border-color: transparent;
 }
 .hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-inverted {
   color: var(--token-badge-foreground-color-neutral-dark-mode-inverted);
-  border-color: transparent;
   background-color: var(--token-badge-surface-color-neutral-dark-mode-inverted);
+  border-color: transparent;
 }
 .hds-badge-count--color-neutral-dark-mode.hds-badge-count--type-outlined {
   color: var(--token-badge-foreground-color-neutral-dark-mode-outlined);
-  border-color: var(--token-badge-foreground-color-neutral-dark-mode-outlined);
   background-color: transparent;
+  border-color: var(--token-badge-foreground-color-neutral-dark-mode-outlined);
 }
 
 /**