描述bug

在编写MDX时，主题fontCode在某些场景中没有应用，而是使用了浏览器用户代理的默认值(monospace)或storybook的默认值(ui-monospace, Menlo, Monaco, ...)。

{/* .storybook/preview.tsx */}

import type { Preview } from '@storybook/react';
import { create } from '@storybook/theming/create';

export const theme = create({
  base: 'light',
  fontCode: 'VT323', // <-- the property I'm referring to
  ...
});

const preview: Preview = {
  parameters: {
    docs: { theme },
    ...
  }
};

export default preview;

{/* src/stories/reproduction.mdx */}

import { Meta, Source } from '@storybook/blocks';

export function Code({ code = '' }) {
  return <code>{code}</code>;
}

<Meta title="Example/Reproduction" />

# Reproduction

`Inline code with backticks` ✅

<code>Inline code as code element</code> ❌

<Code code="Inline code as react component returning code element" /> ✅

'Plain markdown code block' ❌

```js
'Syntax highlighted markdown code block' ✅

• 我认为*预期的行为是作为主题fontCode指定的font-family应该在上述所有场景中都应用，但是...也许有些场景是有原因的？

重现bug

https://stackblitz.com/edit/github-fj1jen?file=src/stories/reproduction.mdx

系统信息

Environment Info:
  System:
    OS: macOS 13.1
    CPU: (8) arm64 Apple M1 Pro
  Binaries:
    Node: 18.12.1 - ~/.nvm/versions/node/v18.12.1/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v18.12.1/bin/yarn
    npm: 8.19.2 - ~/.nvm/versions/node/v18.12.1/bin/npm
  Browsers:
    Chrome: 111.0.5563.110
    Firefox: 111.0.1
    Safari: 16.2
  npmPackages:
    @storybook/addon-essentials: ^7.0.0-rc.8 => 7.0.0-rc.8 
    @storybook/addon-interactions: ^7.0.0-rc.8 => 7.0.0-rc.8 
    @storybook/addon-links: ^7.0.0-rc.8 => 7.0.0-rc.8 
    @storybook/blocks: ^7.0.0-rc.8 => 7.0.0-rc.8 
    @storybook/react: ^7.0.0-rc.8 => 7.0.0-rc.8 
    @storybook/react-vite: ^7.0.0-rc.8 => 7.0.0-rc.8 
    @storybook/testing-library: ^0.0.14-next.1 => 0.0.14-next.1

其他上下文

• 无响应*