fix: allow for fontSize overrides (#9248)

Author: LFDanLu

packages/@react-spectrum/s2/style/__tests__/style-macro.test.js

@@ -173,6 +173,23 @@ describe('style-macro', () => {
     expect(js({}, overrides)).toMatchInlineSnapshot('"  Tm12 Qm12 Sm12 Rm12"');
   });
 
+  it('should support allowed overrides for fontSize', () => {
+    let {js} = testStyle(
+      {
+        fontSize: 'heading-3xl'
+      },
+      ['fontSize']
+    );
+
+    let {js: overrides} = testStyle({
+      fontSize: 'ui-xs'
+    });
+
+    expect(js()).toMatchInlineSnapshot('"  -_6BNtrc-woabcc12 vx12"');
+    expect(overrides).toMatchInlineSnapshot('" -_6BNtrc-a12 vx12"');
+    expect(js({}, overrides)).toMatchInlineSnapshot('"  -_6BNtrc-a12 vx12"');
+  });
+
   it("should support allowed overrides for values that aren't defined", () => {
     let {js} = testStyle(
       {

packages/@react-spectrum/s2/style/spectrum-theme.ts

@@ -757,7 +757,7 @@ export const style = createTheme({
       },
       code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
     },
-    fontSize: new ExpandedProperty<keyof typeof fontSize>(['fontSize', 'lineHeight'], (value) => {
+    fontSize: new ExpandedProperty<keyof typeof fontSize>(['--fs', 'fontSize'], (value) => {
       if (typeof value === 'number') {
         return {
           '--fs': `pow(1.125, ${value})`,