diff --git a/nuxt.config.ts b/nuxt.config.ts
index 2f52e3d..351c0a0 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -2,6 +2,7 @@ import { defineNuxtConfig } from "nuxt/config";
 import svgLoader from "vite-svg-loader";
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
+  compatibilityDate: "2024-10-16",
   app: {
     head: {
       htmlAttrs: {
@@ -55,6 +56,13 @@ export default defineNuxtConfig({
   },
   vite: {
     plugins: [svgLoader()],
+    css: {
+      preprocessorOptions: {
+        scss: {
+          api: "modern",
+        },
+      },
+    },
   },
   content: {
     documentDriven: false,