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(),