`?raw` import works in vite (`nuxt dev`) but not in rollup (`nuxt generate`)

/* app.css */

.raw {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
}

<!-- app.vue -->

<script setup lang="ts">

import appcss from "~/app.css?raw"

useHead({
    style: [appcss]
})

</script>

<template>
  <div class="raw">
  </div>
</template>

Nuxt Build Error: Expression expected (Note that you need plugins to import files that are not JavaScript)
file: C:/some/path/raw/app.css?raw?inline&used:3:0
1: /* app.css */
2:
3: .raw {
   ^
4:     width: 100%;
5:     height: 100%;

  at getRollupError (/C:/some/path/raw/node_modules/rollup/dist/es/shared/parseAst.js:375:41)
  at ParseError.initialise (/C:/some/path/raw/node_modules/rollup/dist/es/shared/node-entry.js:11155:28)
  at convertNode (/C:/some/path/raw/node_modules/rollup/dist/es/shared/node-entry.js:12895:10)
  at convertProgram (/C:/some/path/raw/node_modules/rollup/dist/es/shared/node-entry.js:12215:12)
  at Module.setSource (/C:/some/path/raw/node_modules/rollup/dist/es/shared/node-entry.js:14039:24)
  at async ModuleLoader.addModuleSource (/C:/some/path/raw/node_modules/rollup/dist/es/shared/node-entry.js:18689:13)

// declarations.d.ts

declare module "*?raw" {
    const src: string
    export default src
}