Starting the stackblitz fails with "Preprocessor dependency "sass" not found. Did you install it?"

[fletchertyler914]

Describe the bug

When selecting "Open in stackblitz" on the "Portfolio" template on https://astro.new/, it leads you to a repo with a broken build. It gets a 500 (Internal Service) error, with the error:

Preprocessor dependency "sass" not found. Did you install it?
Error: Preprocessor dependency "sass" not found. Did you install it?
    at loadPreprocessor (/home/projects/mklizgayl.github/node_modules/vite/dist/node/chunks/dep-9c153816.js:19117:19)
    at scss (/home/projects/mklizgayl.github/node_modules/vite/dist/node/chunks/dep-9c153816.js:19128:20)
    at compileCSS (/home/projects/mklizgayl.github/node_modules/vite/dist/node/chunks/dep-9c153816.js:18853:40)
    at async transform (/home/projects/mklizgayl.github/node_modules/vite/dist/node/chunks/dep-9c153816.js:18488:50)

Link to the blitz that caused the error

https://stackblitz.com/github/withastro/astro/tree/latest/examples/portfolio?file=package.json&on=stackblitz

Steps to reproduce

1. Go to https://astro.new/
2. Select "Open in stackblitz" on the "Portfolio" template
3. Get a 500 error stating "Preprocessor dependency "sass" not found. Did you install it?"

Expected behavior

The link should navigate to a repo with a working codebase and all required dependencies. The example project should run and be displayed properly.

Parity with Local

• I have run the project in my local machine and I could not reproduce the issue.

Screenshots

Platform

Browser name  = Chrome
Full version  = 98.0.4758.87
Major version = 98
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.87 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 136885564,
  "usedJSHeapSize": 125813256,
  "jsHeapSizeLimit": 4294705152
}
Hash = 5bca79c80956550a0ee18f24bf5b874e18bb8626

Additional context

No response