💄(react) change label color when focused ( select, input )

We forgot to implement this behavior when coding these inputs.

packages/react/src/components/Forms/Select/index.mdx

@@ -139,6 +139,7 @@ Here are the custom design tokens defined by the select.
 | item-color | Color of the item    	|
 | item-font-size | Font size of the item    	|
 | menu-background-color | Background color of the menu    	|
+| label-color--focus | Label color when focused    	|
 
 See also [Field](?path=/story/components-forms-field-doc--page)
 

packages/react/src/components/Forms/Select/index.scss

@@ -31,6 +31,10 @@
     &:focus-within {
       border-radius: var(--c--components--forms-select--border-radius--focus);
       border-color: var(--c--components--forms-select--border-color--focus);
+
+      label {
+        color: var(--c--components--forms-select--label-color--focus);
+      }
     }
   }
 

packages/react/src/components/Forms/Select/tokens.ts

@@ -19,4 +19,5 @@ export const tokens = (defaults: DefaultTokens) => ({
   "item-font-size": defaults.theme.font.sizes.l,
   "background-color": "white",
   "menu-background-color": "white",
+  "label-color--focus": defaults.theme.colors["primary-600"],
 });