Dynamic Routes generating invalid css filename for ApiGateway

[pedrosoares]

Environment

---

• Operating System: Darwin
• Node Version: v16.15.0
• Nuxt Version: 3.0.0-rc.8
• Package Manager: yarn@1.22.18
• Builder: vite
• User Config: css, modules, app, router, vite, build, publicRuntimeConfig, nitro
• Runtime Modules: @pinia/nuxt@0.4.1
• Build Modules: -

---

Reproduction

When you have a Dynamic route with CSS attached to it, the build process generate a .css file with brackeys, and that breaks AWS ApiGateway, i did not find a workaround to this issue.

pages
      - client
             - [id].vue
      - product
             - [slug].vue

[id].vue

<template>
    <div>
        <h3>example</h3>
    </div>
</template>
<style scoped>
	h3 {
		font-family: "Roboto", sans-serif;
	}
</style>

Describe the bug

When you have a Dynamic route with CSS attached to it, the build process generate a .css file with brackeys, and that breaks AWS ApiGateway, i did not find a workaround to this issue.

Additional context

No response

Logs

No response