diff --git a/packages/material-ui-system/src/index.d.ts b/packages/material-ui-system/src/index.d.ts
index b9617557df555c..014e3d71ef196c 100644
--- a/packages/material-ui-system/src/index.d.ts
+++ b/packages/material-ui-system/src/index.d.ts
@@ -205,7 +205,7 @@ export function style<PropKey extends string, Theme extends object>(
 ): StyleFunction<{ [K in PropKey]?: unknown } & { theme: Theme }>;
 
 // typography.js
-export const typographyFn: SimpleStyleFunction<'typography'>;
+export const typographyVariant: SimpleStyleFunction<'typography'>;
 export const fontFamily: SimpleStyleFunction<'fontFamily'>;
 export const fontSize: SimpleStyleFunction<'fontSize'>;
 export const fontStyle: SimpleStyleFunction<'fontStyle'>;
diff --git a/packages/material-ui-system/src/typography.js b/packages/material-ui-system/src/typography.js
index 1f9bc439e46153..d240bc2d974b8f 100644
--- a/packages/material-ui-system/src/typography.js
+++ b/packages/material-ui-system/src/typography.js
@@ -33,14 +33,14 @@ export const textAlign = style({
   prop: 'textAlign',
 });
 
-export const typographyFn = style({
+export const typographyVariant = style({
   prop: 'typography',
   cssProperty: false,
   themeKey: 'typography',
 });
 
 const typography = compose(
-  typographyFn,
+  typographyVariant,
   fontFamily,
   fontSize,
   fontStyle,