Build fails with vite:css-post error when component uses emojis

[ToB213]

I'm encountering an error when building a project with a component that contains emojis. The build completes successfully if I remove the emoji.

home.tsx

import type { Route } from "./+types/home";

export function meta({}: Route.MetaArgs) {
  return [
    { title: "New React Router App" },
    { name: "description", content: "Welcome to React Router!" },
  ];
}

const title = "Emoji 🚀";

export default function Home() {
  return <div>{title}</div>;
}

Run npm run build.

Error Message:

x Build failed in 55ms
[vite:css-post] css content for "" was not found
    at Object.renderChunk (file:///Users/xxx/src/xxx/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:36388:19)
    at file:///Users/xx/src/xxx/node_modules/rollup/dist/es/shared/node-entry.js:20936:40
    at processTicksAndRejections (node:internal/process/task_queues:105:5) {
  code: 'PLUGIN_ERROR',
  plugin: 'vite:css-post',
  hook: 'renderChunk'
}

What I've Tried:

Replacing the 🚀 emoji with its Unicode escape sequence but the same error persists.

Any help or suggestions would be greatly appreciated.