chore: add sass-embedded and configure SCSS preprocessor

Author: JackWang032

package.json

@@ -52,6 +52,7 @@
         "node-fetch": "^3.3.1",
         "postcss": "^8.5.1",
         "prettier": "^3.2.5",
+        "sass-embedded": "^1.83.4",
         "tailwindcss": "^3.4.0",
         "tsx": "^4.7.0",
         "typescript": "^5.3.3",

pnpm-lock.yaml

@@ -1,35 +1,31 @@
 {
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "noImplicitAny": false,
+    "compilerOptions": {
+        "target": "ES2020",
+        "useDefineForClassFields": true,
+        "lib": ["ES2020", "DOM", "DOM.Iterable"],
+        "module": "ESNext",
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "moduleResolution": "bundler",
+        "allowImportingTsExtensions": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react-jsx",
+        "noImplicitAny": false,
+        "incremental": false,
 
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
+        /* Linting */
+        "strict": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noFallthroughCasesInSwitch": true,
 
-    /* Paths */
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "scripts/**/*.ts",
-    "vite.config.ts"
-  ]
+        /* Paths */
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["./src/*"]
+        }
+    },
+    "include": ["src/**/*.ts", "src/**/*.tsx", "scripts/**/*.ts", "vite.config.ts"]
 }

tsconfig.json

@@ -1 +1 @@
-{"root":["./src/types.ts","./src/vite-env.d.ts","./src/hooks/useblogs.ts","./src/hooks/usepost.ts","./src/hooks/usestickytitle.ts","./src/hooks/usetoast.ts","./src/utils.ts","./src/utils/index.ts","./src/app.tsx","./src/themeprovider.tsx","./src/main.tsx","./src/components/codeblock.tsx","./src/components/layout.tsx","./src/components/navigation.tsx","./src/components/sideanchor.tsx","./src/components/themetoggler.tsx","./src/components/toc.tsx","./src/components/ui/button.tsx","./src/components/ui/card.tsx","./src/components/ui/dropdown-menu.tsx","./src/components/ui/loading.tsx","./src/components/ui/navigation-menu.tsx","./src/components/ui/sheet.tsx","./src/components/ui/toast.tsx","./src/components/ui/toaster.tsx","./src/views/bloglist.tsx","./src/views/blogpost.tsx","./src/views/workspace.tsx","./scripts/pick.ts","./vite.config.ts"],"version":"5.7.3"}
+{"root":["./src/consts.ts","./src/types.ts","./src/vite-env.d.ts","./src/hooks/useblogs.ts","./src/hooks/usepost.ts","./src/hooks/usestickytitle.ts","./src/hooks/usetoast.ts","./src/utils/index.ts","./src/app.tsx","./src/themeprovider.tsx","./src/main.tsx","./src/components/codeblock.tsx","./src/components/layout.tsx","./src/components/navigation.tsx","./src/components/sideanchor.tsx","./src/components/themetoggler.tsx","./src/components/toc.tsx","./src/components/ui/button.tsx","./src/components/ui/card.tsx","./src/components/ui/dropdown-menu.tsx","./src/components/ui/loading.tsx","./src/components/ui/navigation-menu.tsx","./src/components/ui/sheet.tsx","./src/components/ui/toast.tsx","./src/components/ui/toaster.tsx","./src/views/bloglist.tsx","./src/views/blogpost.tsx","./src/views/workspace.tsx","./scripts/pick.ts","./vite.config.ts"],"version":"5.7.3"}

tsconfig.tsbuildinfo

@@ -12,4 +12,11 @@ export default defineConfig({
     publicDir: "public",
     base: "/blog/",
     logLevel: "info",
+    css: {
+        preprocessorOptions: {
+            scss: {
+                api: "modern-compiler",
+            },
+        },
+    },
 });