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

diff --git a/.github/workflows/ui-ci.yml b/.github/workflows/ui-ci.yml
index 43d6e125687a945d079da65d98c0ef3ed202c45e..7f6f467ddaa88f017dedfc931aefb3db42e2a14b 100644 (file)
--- 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 bf23307b82c2489a680e9da3f11efed455149246..3686eb3261e3afbed79b251a32914bcf3deec81e 100644 (file)
--- 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 9c8b96ed52fcc90cdcc722036d7b24ada741c91c..0e385844a18124276701489a9e715008999f32e6 100644 (file)
--- 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 d3db24bf2bf525e5372b66af20585cfd9184ddec..f89a689d5e6d755e4af3824e8ff17e3bef2c7cdb 100644 (file)
--- 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: {