feat: Adding calls to custom style hooks derived from context in react-text components

change/@fluentui-react-text-4ec8a8d0-658f-4318-9259-eb36057dbf99.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: Adding calls to custom style hooks derived from context.",
+  "packageName": "@fluentui/react-text",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-text/package.json

@@ -32,8 +32,9 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@griffel/react": "^1.5.2",
+    "@fluentui/react-shared-contexts": "^9.3.0",
     "@fluentui/react-theme": "^9.1.5",
+    "@griffel/react": "^1.5.2",
     "@fluentui/react-utilities": "^9.7.0",
     "tslib": "^2.1.0"
   },

packages/react-components/react-text/src/components/Text/Text.tsx

@@ -4,6 +4,7 @@ import { renderText_unstable } from './renderText';
 import { useTextStyles_unstable } from './useTextStyles';
 import type { TextProps } from './Text.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
 
 /**
  * Typography and styling abstraction component used to ensure consistency of text.
@@ -13,6 +14,9 @@ export const Text: ForwardRefComponent<TextProps> = React.forwardRef((props, ref
 
   useTextStyles_unstable(state);
 
+  const { useTextStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();
+  useCustomStyles(state);
+
   return renderText_unstable(state);
   // Work around some small mismatches in inferred types which don't matter in practice
 }) as ForwardRefComponent<TextProps>;