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

@@ -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

tools/ui/package-lock.json

@@ -6008,9 +6008,9 @@
 			}
 		},
 		"node_modules/katex": {
-			"version": "0.16.22",
+			"version": "0.16.47",
-			"resolved": "https://registry.npmjs.org/katex/-/katex-0.16.22.tgz",
+			"resolved": "https://registry.npmjs.org/katex/-/katex-0.16.47.tgz",
-			"integrity": "sha512-XCHRdUw4lf3SKBaJe4EvgqIuWwkPSo9XoeO8GjQW94Bp7TWv9hNhzZjZ+OH9yf1UmLygb7DIT5GSFQiyt16zYg==",
+			"integrity": "sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==",
 			"dev": true,
 			"funding": [
 				"https://opencollective.com/katex",

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
+@use 'katex/src/styles/katex.scss' with (
-// The deprecation warnings are from KaTeX's code and cannot be avoided
+	$use-woff2: true,
-@import 'katex/src/styles/katex.scss';
+	$use-woff: false,
+	$use-ttf: false,
+	$font-folder: 'katex-fonts'
+);

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: {