Problem with code block in dev mode and ios

### Have you read the Contributing Guidelines on issues?

- [x] I have read the [Contributing Guidelines on issues](https://github.com/facebook/docusaurus/blob/main/CONTRIBUTING.md#issues).

### Prerequisites

- [x] I'm using the latest version of Docusaurus.
- [x] I have tried the `npm run clear` or `yarn clear` command.
- [x] I have tried `rm -rf node_modules yarn.lock package-lock.json` and re-installing packages.
- [x] I have tried creating a repro with https://new.docusaurus.io.
- [x] I have read the console error message carefully (if applicable).

### Description

Problem on ios mobile phone Safari/Chrome browser with size of code block after build with --dev option

### Reproducible demo

https://trofim24.github.io/

### Steps to reproduce

1. Create a new Docusaurus site with `npx create-docusaurus@latest my-website classic -t` command from [instruction](https://docusaurus.io/docs#fast-track)
2. Go to created folder `cd my-website`
3. Run build with --dev option use `npm run build -- --dev` command from [instruction](https://docusaurus.io/docs/cli#options-1)
4. Open site on mobile phone and check block of code for example `/docs/tutorial-basics/markdown-features/#mdx-and-react-components`

### Expected behavior

Font size of code is normal

### Actual behavior

Forn size of code is big


### Your environment

- Public source code: https://github.com/trofim24/my-website
- Public source code of build: https://github.com/trofim24/trofim24.github.io
- Public site URL: https://trofim24.github.io/
- Docusaurus version used: 3.7.0
- Environment name and version (e.g. Chrome 89, Node.js 16.4): iOS v17.2 Browser Safari appVersion: "5.0 (iPhone; CPU iPhone OS 17_2_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2 Mobile/15E148 Safari/604.1"
- Operating system and version (e.g. Ubuntu 20.04.2 LTS): OS iPhone 15 Pro Max iOS, v17.2

### Self-service

- [ ] I'd be willing to fix this bug myself.