fix: out of order css in prod builds

closes #4098

Author: brc-dd

docs/package.json

@@ -13,7 +13,7 @@
     "@lunariajs/core": "^0.1.1",
     "markdown-it-mathjax3": "^4.3.2",
     "open-cli": "^8.0.0",
-    "postcss-rtlcss": "^5.5.1",
+    "postcss-rtlcss": "^5.6.0",
     "vitepress": "workspace:*"
   }
 }

package.json

@@ -98,28 +98,28 @@
     "*": "prettier --write --ignore-unknown"
   },
   "dependencies": {
-    "@docsearch/css": "^3.7.0",
-    "@docsearch/js": "^3.7.0",
-    "@iconify-json/simple-icons": "^1.2.11",
-    "@shikijs/core": "^1.22.2",
-    "@shikijs/transformers": "^1.22.2",
-    "@shikijs/types": "^1.22.2",
+    "@docsearch/css": "^3.8.2",
+    "@docsearch/js": "^3.8.2",
+    "@iconify-json/simple-icons": "^1.2.17",
+    "@shikijs/core": "^1.24.4",
+    "@shikijs/transformers": "^1.24.4",
+    "@shikijs/types": "^1.24.4",
     "@types/markdown-it": "^14.1.2",
-    "@vitejs/plugin-vue": "^5.1.4",
-    "@vue/devtools-api": "^7.6.3",
-    "@vue/shared": "^3.5.12",
-    "@vueuse/core": "^11.2.0",
-    "@vueuse/integrations": "^11.2.0",
-    "focus-trap": "^7.6.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/devtools-api": "^7.6.8",
+    "@vue/shared": "^3.5.13",
+    "@vueuse/core": "^12.2.0",
+    "@vueuse/integrations": "^12.2.0",
+    "focus-trap": "^7.6.2",
     "mark.js": "8.11.1",
-    "minisearch": "^7.1.0",
-    "shiki": "^1.22.2",
-    "vite": "^5.4.10",
-    "vue": "^3.5.12"
+    "minisearch": "^7.1.1",
+    "shiki": "^1.24.4",
+    "vite": "^5.4.11",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@clack/prompts": "^0.7.0",
-    "@iconify/utils": "^2.1.33",
+    "@clack/prompts": "^0.9.0",
+    "@iconify/utils": "^2.2.1",
     "@mdit-vue/plugin-component": "^2.1.3",
     "@mdit-vue/plugin-frontmatter": "^2.1.3",
     "@mdit-vue/plugin-headers": "^2.1.3",
@@ -129,10 +129,10 @@
     "@mdit-vue/shared": "^2.1.3",
     "@polka/compression": "^1.0.0-next.28",
     "@rollup/plugin-alias": "^5.1.1",
-    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-replace": "^6.0.1",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-replace": "^6.0.2",
     "@types/cross-spawn": "^6.0.6",
     "@types/debug": "^4.1.12",
     "@types/fs-extra": "^11.0.4",
@@ -143,55 +143,54 @@
     "@types/markdown-it-emoji": "^3.0.1",
     "@types/micromatch": "^4.0.9",
     "@types/minimist": "^1.2.5",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.2",
     "@types/postcss-prefix-selector": "^1.16.3",
     "@types/prompts": "^2.4.9",
     "chokidar": "^3.6.0",
     "conventional-changelog-cli": "^5.0.0",
-    "cross-spawn": "^7.0.3",
-    "debug": "^4.3.7",
-    "esbuild": "^0.24.0",
-    "execa": "^9.5.1",
+    "cross-spawn": "^7.0.6",
+    "debug": "^4.4.0",
+    "esbuild": "^0.24.2",
+    "execa": "^9.5.2",
     "fs-extra": "^11.2.0",
     "get-port": "^7.1.0",
     "gray-matter": "^4.0.3",
-    "lint-staged": "^15.2.10",
+    "lint-staged": "^15.3.0",
     "lodash.template": "^4.5.0",
     "lru-cache": "^11.0.2",
     "markdown-it": "^14.1.0",
     "markdown-it-anchor": "^9.2.0",
-    "markdown-it-attrs": "^4.2.0",
+    "markdown-it-attrs": "^4.3.1",
     "markdown-it-container": "^4.0.0",
     "markdown-it-emoji": "^3.0.0",
     "markdown-it-mathjax3": "^4.3.2",
     "micromatch": "^4.0.8",
     "minimist": "^1.2.8",
-    "nanoid": "^5.0.8",
+    "nanoid": "^5.0.9",
     "ora": "^8.1.1",
-    "p-map": "^7.0.2",
+    "p-map": "^7.0.3",
     "path-to-regexp": "^6.3.0",
     "picocolors": "^1.1.1",
     "pkg-dir": "^8.0.0",
-    "playwright-chromium": "^1.48.2",
+    "playwright-chromium": "^1.49.1",
     "polka": "^1.0.0-next.28",
     "postcss-prefix-selector": "^2.1.0",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "prompts": "^2.4.2",
     "punycode": "^2.3.1",
     "rimraf": "^6.0.1",
-    "rollup": "^4.24.4",
+    "rollup": "^4.29.1",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-esbuild": "^6.1.1",
     "semver": "^7.6.3",
     "simple-git-hooks": "^2.11.1",
     "sirv": "^3.0.0",
     "sitemap": "^8.0.0",
-    "supports-color": "^9.4.0",
     "synckit": "^0.9.2",
     "tinyglobby": "^0.2.10",
-    "typescript": "^5.6.3",
-    "vitest": "^2.1.4",
-    "vue-tsc": "^2.1.10",
+    "typescript": "^5.7.2",
+    "vitest": "^2.1.8",
+    "vue-tsc": "^2.2.0",
     "wait-on": "^8.0.1"
   },
   "peerDependencies": {
@@ -206,7 +205,7 @@
       "optional": true
     }
   },
-  "packageManager": "pnpm@9.12.3",
+  "packageManager": "pnpm@9.15.1",
   "pnpm": {
     "peerDependencyRules": {
       "ignoreMissing": [

pnpm-lock.yaml

@@ -46,9 +46,9 @@
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-roman-vietnamese.woff2') format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
-    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
-    U+1EA0-1EF9, U+20AB;
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+    U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
+    U+0329, U+1EA0-1EF9, U+20AB;
 }
 
 @font-face {
@@ -116,9 +116,9 @@
   font-weight: 100 900;
   font-display: swap;
   src: url('../fonts/inter-italic-vietnamese.woff2') format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
-    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
-    U+1EA0-1EF9, U+20AB;
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+    U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323,
+    U+0329, U+1EA0-1EF9, U+20AB;
 }
 
 @font-face {

src/client/theme-default/styles/fonts.css

@@ -101,9 +101,9 @@ export async function bundle(
       rollupOptions: {
         ...rollupOptions,
         input: {
-          ...input,
           // use different entry based on ssr or not
-          app: path.resolve(APP_PATH, ssr ? 'ssr.js' : 'index.js')
+          app: path.resolve(APP_PATH, ssr ? 'ssr.js' : 'index.js'),
+          ...input
         },
         // important so that each page chunk and the index export things for each
         // other

src/node/build/bundle.ts

@@ -46,6 +46,7 @@ export async function init(root: string | undefined) {
           initialValue: './',
           validate(value) {
             // TODO make sure directory is inside
+            return undefined
           }
         })
       },