Markdown image not found when file name contains a space

[mossymaker]

Astro Info

Astro                    v4.10.3
Node                     v20.5.0
System                   macOS (arm64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             @astrojs/starlight

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

When a markdown document includes an image with a space in the filename, Astro reports "image not found".

src/content/docs/reference/network/System Diagram.md

---
title: System Diagram
---

![Network Diagram](../../../../assets/Network%20Diagram.svg)

If the file is renamed to remove the space and the path is updated, Astro finds the image.

Here's the trace:

ImageNotFound: Could not find requested image `../../../../assets/Network%20Diagram.svg`. Does it exist?
    at LoadPluginContext.load (file:///Users/.../node_modules/astro/dist/assets/vite-plugin-assets.js:179:19)
    at async PluginContainer.load (file:///Users/.../node_modules/vite/dist/node/chunks/dep-BcXSligG.js:49511:22)
    at async loadAndTransform (file:///Users/.../node_modules/vite/dist/node/chunks/dep-BcXSligG.js:52306:22)
    at async instantiateModule (file:///Users/.../node_modules/vite/dist/node/chunks/dep-BcXSligG.js:53309:44)

What's the expected result?

Astro is able to build markdown pages when an image's filename contains spaces.

Link to Minimal Reproducible Example

https://stackblitz.com/github/mossymaker/astro-filename-space-bug

Participation

• I am willing to submit a pull request for this issue.