Replace bgColor for StateLabel draft with new draft token (#6905)

Co-authored-by: Jon Rohan <[email protected]>

Author: 2 people

.changeset/sweet-islands-sleep.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Replace StateLabel color with new draft token

packages/react/src/StateLabel/StateLabel.module.css

@@ -64,15 +64,19 @@
 }
 
 .StateLabel:where([data-status='draft']) {
-  background-color: var(--bgColor-neutral-emphasis);
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--bgColor-draft-emphasis, var(--bgColor-neutral-emphasis));
   color: var(--fgColor-onEmphasis);
-  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px)
+    var(--borderColor-draft-emphasis, var(--borderColor-neutral-emphasis, transparent));
 }
 
 .StateLabel:where([data-status='issueDraft']) {
-  background-color: var(--bgColor-neutral-emphasis);
+  /* stylelint-disable-next-line primer/colors */
+  background-color: var(--bgColor-draft-emphasis, var(--bgColor-neutral-emphasis));
   color: var(--fgColor-onEmphasis);
-  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);
+  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px)
+    var(--borderColor-draft-emphasis, var(--borderColor-neutral-emphasis, transparent));
 }
 
 .StateLabel:where([data-status='unavailable']) {