From a1f847a89479e93256148da025d5850307d1fcc8 Mon Sep 17 00:00:00 2001
From: hobbes7878 <jon.r.mcclure@gmail.com>
Date: Fri, 22 Nov 2024 18:37:44 +0000
Subject: [PATCH] docs(changeset): Updates sass API to use the modern compiler.

---
 .changeset/eight-weeks-sit.md | 5 +++++
 svelte.config.js              | 2 +-
 vite.config.ts                | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/eight-weeks-sit.md

diff --git a/.changeset/eight-weeks-sit.md b/.changeset/eight-weeks-sit.md
new file mode 100644
index 0000000..3d2fc02
--- /dev/null
+++ b/.changeset/eight-weeks-sit.md
@@ -0,0 +1,5 @@
+---
+'@reuters-graphics/graphics-kit': patch
+---
+
+Updates sass API to use the modern compiler.
diff --git a/svelte.config.js b/svelte.config.js
index 2b9a17b..be03b9c 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -8,7 +8,7 @@ import { sveltePreprocess } from 'svelte-preprocess';
 const config = {
   preprocess: sveltePreprocess({
     preserve: ['ld+json'],
-    scss: { quietDeps: true },
+    scss: { quietDeps: true, api: 'modern-compiler' },
     postcss: {
       plugins: [autoprefixer],
     },
diff --git a/vite.config.ts b/vite.config.ts
index ac5b700..c60acae 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -13,7 +13,7 @@ const config: UserConfig = {
     },
   },
   css: {
-    preprocessorOptions: { scss: { quietDeps: true } },
+    preprocessorOptions: { scss: { quietDeps: true, api: 'modern-compiler' } },
   },
   plugins: [
     sveltekit(),