fix(react-link): update inverted link styles to use neutral color tokens (#34955)

Author: dmytrokirpa

change/@fluentui-react-link-b7b54d14-d92f-4d02-8e55-c440294dfe7f.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: update inverted link styles to use neutral color tokens",
+  "packageName": "@fluentui/react-link",
+  "email": "dmytrokirpa@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-link/library/src/components/Link/useLinkStyles.styles.ts

@@ -91,12 +91,12 @@ const useStyles = makeStyles({
   },
 
   inverted: {
-    color: tokens.colorBrandForegroundInverted,
+    color: tokens.colorNeutralForegroundInvertedLink,
     ':hover': {
-      color: tokens.colorBrandForegroundInvertedHover,
+      color: tokens.colorNeutralForegroundInvertedLinkHover,
     },
     ':active': {
-      color: tokens.colorBrandForegroundInvertedPressed,
+      color: tokens.colorNeutralForegroundInvertedLinkPressed,
     },
   },
 });