Monorepo vite project get 404 error

[Tatametheus]

`button.css.ts:1

   GET http://localhost:3000/@id/packages/ui/src/Button/button.css.ts$$$dashboard.vanilla.js net::ERR_ABORTED 404 (Not Found)`.

the app is using turborepo. All versions are latest.
app's viteconfig

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react(),vanillaExtractPlugin()]
})

package.json

{
  "dependencies": {
    "ui": "*",
    "@vanilla-extract/css": "^1.6.8",
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  },
  "devDependencies": {
    "eslint-config": "*",
    "@types/react": "^17.0.33",
    "@types/react-dom": "^17.0.10",
    "@vanilla-extract/vite-plugin": "^3.1.2",
    "@vitejs/plugin-react": "^1.0.7",
    "eslint": "^8.5.0",
    "tsconfig": "*",
    "typescript": "^4.4.4",
    "vite": "^2.7.2"
  }
}