Can't start the project If use pnpm 7.5 version for dependency installation

### What is the problem?

Use blitz cli to create a project, and all options be recommend.

after `blitz dev`, will see a lot of Error.

### Paste all your error logs here:

```
error - ./app/core/components/Form.tsx
Module not found: Can't resolve 'styled-jsx/style' in '/Users/jayden/Documents/remote.nosync/code/to-the-moon/aaaa/app/core/components'
event - build page: /_error
wait - compiling...
error - ./app/core/components/Form.tsx
Module not found: Can't resolve 'styled-jsx/style' in '/Users/jayden/Documents/remote.nosync/code/to-the-moon/aaaa/app/core/components'
```

### Paste all relevant code snippets here:

```
just use blitz cli to create a project
```

### What are detailed steps to reproduce this?

1. Update pnpm to version 7.5.0
2. Use blitz new demo
3. cd demo
4. blitz dev

### Run `blitz -v` and paste the output here:

```
macOS Monterey | darwin-x64 | Node: v16.14.0

blitz: 0.45.4 (global)
blitz: 0.45.4 (local)

Package manager: npm
System:
OS: macOS 12.4
CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 664.75 MB / 32.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.14.0 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 8.3.1 - /usr/local/bin/npm
Watchman: Not Found
npmPackages:
@prisma/client: 3.16.0-integration-tmp-revert-node14.1 => 3.16.0-integration-tmp-revert-node14.1
blitz: 0.45.4 => 0.45.4
prisma: 3.16.0-integration-tmp-revert-node14.1 => 3.16.0-integration-tmp-revert-node14.1
react: 18.0.0 => 18.0.0
react-dom: 18.0.0 => 18.0.0
typescript: ~4.5 => 4.5.5
```

### Please include below any other applicable logs and screenshots that show your problem:

_No response_

Reproduce the issue with pnpm 7.5.0 using `blitz new demo`, then run `blitz dev` and inspect `app/core/components/Form.tsx` alongside the generated dependency installation. Done means a newly generated project starts without the `styled-jsx/style` module-not-found error.

Written by the indexing model from the issue text.