Fix up button outline on high contrast

Author: Mitch-At-Work

packages/semantic-tokens/etc/semantic-tokens.api.md

@@ -437,7 +437,7 @@ export const groupButtonOutlineStrokePressed = "var(--smtc-group-button-outline-
 export const groupButtonOutlineStrokePressedSelected = "var(--smtc-group-button-outline-stroke-pressed-selected, var(--colorNeutralStroke1Selected))";
 
 // @public (undocumented)
-export const groupButtonOutlineStrokeSelected = "var(--smtc-group-button-outline-stroke-selected, var(--colorNeutralStroke1Selected))";
+export const groupButtonOutlineStrokeSelected = "var(--smtc-group-button-outline-stroke-selected, var(--colorNeutralStroke1))";
 
 // @public (undocumented)
 export const groupButtonOutlineStrokewidth = "var(--smtc-group-button-outline-strokewidth)";

packages/semantic-tokens/scripts/definitions/groupFallbacks.ts

@@ -172,7 +172,7 @@ export const groupFallbacks: GroupFallbacks = {
       fluent: tokens.colorNeutralStroke1Pressed,
     },
     groupButtonOutlineStrokeSelected: {
-      fluent: tokens.colorNeutralStroke1Selected,
+      fluent: tokens.colorNeutralStroke1,
     },
     groupButtonOutlineStrokeHoverSelected: {
       fluent: tokens.colorNeutralStroke1Selected,

packages/semantic-tokens/src/groups/button/tokens.ts

@@ -51,7 +51,7 @@ export const groupButtonPrimaryStrokeDisabled = 'var(--smtc-group-button-primary
 export const groupButtonOutlineStroke = 'var(--smtc-group-button-outline-stroke, var(--colorNeutralStroke1))';
 export const groupButtonOutlineStrokeHover = 'var(--smtc-group-button-outline-stroke-hover, var(--colorNeutralStroke1Hover))';
 export const groupButtonOutlineStrokePressed = 'var(--smtc-group-button-outline-stroke-pressed, var(--colorNeutralStroke1Pressed))';
-export const groupButtonOutlineStrokeSelected = 'var(--smtc-group-button-outline-stroke-selected, var(--colorNeutralStroke1Selected))';
+export const groupButtonOutlineStrokeSelected = 'var(--smtc-group-button-outline-stroke-selected, var(--colorNeutralStroke1))';
 export const groupButtonOutlineStrokeHoverSelected = 'var(--smtc-group-button-outline-stroke-hover-selected, var(--colorNeutralStroke1Selected))';
 export const groupButtonOutlineStrokePressedSelected = 'var(--smtc-group-button-outline-stroke-pressed-selected, var(--colorNeutralStroke1Selected))';
 export const groupButtonOutlineStrokeDisabled = 'var(--smtc-group-button-outline-stroke-disabled, var(--colorNeutralStrokeDisabled))';