From 3a9c1b854dc9290be7cf8e4c89bd404770020161 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Mon, 18 May 2026 16:26:01 +0200
Subject: [PATCH] ui: Update KaTeX package and clean up logs from `sass`
 warnings (#23275)

* ui: migrate katex imports to @use to resolve SCSS deprecation warnings

* ci: Use `ubuntu-slim` for CI (UI) workflow
---
 .github/workflows/ui-ci.yml           |  4 ++--
 tools/ui/package-lock.json            |  6 +++---
 tools/ui/src/styles/katex-custom.scss |  9 ++++++---
 tools/ui/vite.config.ts               | 12 ------------
 4 files changed, 11 insertions(+), 20 deletions(-)

diff --git a/.github/workflows/ui-ci.yml b/.github/workflows/ui-ci.yml
index 43d6e1256..7f6f467dd 100644
--- a/.github/workflows/ui-ci.yml
+++ b/.github/workflows/ui-ci.yml
@@ -41,7 +41,7 @@ jobs:
   ui-checks:
     name: UI Checks
     needs: ui-build
-    runs-on: ubuntu-24.04-arm
+    runs-on: ubuntu-slim
     continue-on-error: true
     steps:
       - name: Checkout code
@@ -93,7 +93,7 @@ jobs:
   e2e-tests:
     name: E2E Tests
     needs: ui-build
-    runs-on: ubuntu-24.04-arm
+    runs-on: ubuntu-slim
     steps:
       - name: Checkout code
         uses: actions/checkout@v6
diff --git a/tools/ui/package-lock.json b/tools/ui/package-lock.json
index bf23307b8..3686eb326 100644
--- a/tools/ui/package-lock.json
+++ b/tools/ui/package-lock.json
@@ -6008,9 +6008,9 @@
 			}
 		},
 		"node_modules/katex": {
-			"version": "0.16.22",
-			"resolved": "https://registry.npmjs.org/katex/-/katex-0.16.22.tgz",
-			"integrity": "sha512-XCHRdUw4lf3SKBaJe4EvgqIuWwkPSo9XoeO8GjQW94Bp7TWv9hNhzZjZ+OH9yf1UmLygb7DIT5GSFQiyt16zYg==",
+			"version": "0.16.47",
+			"resolved": "https://registry.npmjs.org/katex/-/katex-0.16.47.tgz",
+			"integrity": "sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==",
 			"dev": true,
 			"funding": [
 				"https://opencollective.com/katex",
diff --git a/tools/ui/src/styles/katex-custom.scss b/tools/ui/src/styles/katex-custom.scss
index 9c8b96ed5..0e385844a 100644
--- a/tools/ui/src/styles/katex-custom.scss
+++ b/tools/ui/src/styles/katex-custom.scss
@@ -8,6 +8,9 @@ $use-ttf: false;
 $font-folder: 'katex-fonts';
 
 // Import KaTeX SCSS with overridden variables
-// Note: @import is deprecated but required because KaTeX uses @import internally
-// The deprecation warnings are from KaTeX's code and cannot be avoided
-@import 'katex/src/styles/katex.scss';
+@use 'katex/src/styles/katex.scss' with (
+	$use-woff2: true,
+	$use-woff: false,
+	$use-ttf: false,
+	$font-folder: 'katex-fonts'
+);
diff --git a/tools/ui/vite.config.ts b/tools/ui/vite.config.ts
index d3db24bf2..f89a689d5 100644
--- a/tools/ui/vite.config.ts
+++ b/tools/ui/vite.config.ts
@@ -23,18 +23,6 @@ export default defineConfig({
 		minify: true
 	},
 
-	css: {
-		preprocessorOptions: {
-			scss: {
-				additionalData: `
-					$use-woff2: true;
-					$use-woff: false;
-					$use-ttf: false;
-				`
-			}
-		}
-	},
-
 	plugins: [tailwindcss(), sveltekit(), devtoolsJson(), llamaCppBuildPlugin()],
 
 	test: {