Fuseki UI build: address build warnings

[afs]

The build is showing some deprecations and warning.

It may just be a matter of bring dependencies up to date in package.json or waiting for upstream dependencies to update via dependabot and yarn.lock changes.

A general "update package.json would be a good idea anyway.

jena-fuseki-ui log details (expand)

[INFO] --- frontend:1.15.4:yarn (yarn run build) @ jena-fuseki-ui ---
[INFO] Running 'yarn run build' in /home/runner/work/jena/jena/jena-fuseki2/jena-fuseki-ui
[INFO] yarn run v1.22.17
[INFO] $ vite build
[INFO] vite v7.3.0 building client environment for production...
[INFO] transforming...
[INFO] WARNING: mixed-decls deprecation is obsolete. If you were previously silencing it, your code may now behave in unexpected ways.
[INFO] 
[INFO] WARNING: mixed-decls deprecation is obsolete. If you were previously silencing it, your code may now behave in unexpected ways.
[INFO] 
[INFO] DEPRECATION WARNING [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.
[INFO] 
[INFO] Suggestion: if(sass($arg == "$value"): $value; else: $arg)
[INFO] 
[INFO] More info: https://sass-lang.com/d/if-function
[INFO] 
[INFO]    ╷
[INFO] 58 │       $_args: append($_args, if($arg == "$key", $key, if($arg == "$value", $value, $arg)));
[INFO]    │                                                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[INFO]    ╵
[INFO]     ../../../bootstrap/scss/_functions.scss 58:55  @import
[INFO]     ../../../bootstrap/scss/bootstrap.scss 7:9     @import
[INFO]     ../../../../src/styles/index.scss 19:9         @import
[INFO]     ../../../../src/App.vue 2:9                    root stylesheet
[INFO] 
[INFO] DEPRECATION WARNING [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.
[INFO] [CLIENT] DEPRECATION WARNING [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.
[INFO] [CLIENT] 
[INFO] [CLIENT] Suggestion: if(sass($arg == "$key"): $key; else: if($arg == "$value", $value, $arg))
[INFO] [CLIENT] 
[INFO] [CLIENT] More info: https://sass-lang.com/d/if-function
[INFO] [CLIENT] 
[INFO] [CLIENT]    ╷
[INFO] [CLIENT] 58 │       $_args: append($_args, if($arg == "$key", $key, if($arg == "$value", $value, $arg)));
[INFO] [CLIENT]    │                              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[INFO] [CLIENT]    ╵
[INFO] [CLIENT]     ../../../bootstrap/scss/_functions.scss 58:30  @import
[INFO] [CLIENT]     ../../../bootstrap/scss/bootstrap.scss 7:9     @import
[INFO] [CLIENT]     ../../../../src/styles/index.scss 19:9         @import
[INFO] [CLIENT]     ../../../../src/App.vue 2:9                    root stylesheet
[INFO] [CLIENT] 
[INFO] [CLIENT] DEPRECATION WARNING [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.
[INFO] [CLIENT] 
[INFO] [CLIENT] Suggestion: if(sass($l1 > $l2): divide($l1 + 0.05, $l2 + 0.05); else: divide($l2 + 0.05, $l1 + 0.05))
[INFO] [CLIENT] 
[INFO] [CLIENT] More info: https://sass-lang.com/d/if-function
[INFO] [CLIENT] 
[INFO] [CLIENT]     ╷
[INFO] [CLIENT] 177 │   @return if($l1 > $l2, divide($l1 + .05, $l2 + .05), divide($l2 + .05, $l1 + .05));
[INFO] [CLIENT]     │           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[INFO] [CLIENT]     ╵
[INFO] [CLIENT]     ../../../bootstrap/scss/_functions.scss 177:11  @import
[INFO] [CLIENT]     ../../../bootstrap/scss/bootstrap.scss 7:9      @import
[INFO] [CLIENT]     ../../../../src/styles/index.scss 19:9          @import
[INFO] [CLIENT]     ../../../../src/App.vue 2:9                     root stylesheet
[INFO] [CLIENT] 
[INFO] [CLIENT] DEPRECATION WARNING [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.
[INFO] [CLIENT] 
[INFO] [CLIENT] Suggestion: if(sass(divide($value, 255) < 0.04045): divide(divide($value, 255), 12.92); else: nth($_luminance-list, $value + 1))
[INFO] [CLIENT] 
[INFO] [CLIENT] More info: https://sass-lang.com/d/if-function
[INFO] [CLIENT] 
[INFO] [CLIENT]     ╷
[INFO] [CLIENT] 191 │     $value: if(divide($value, 255) < .04045, divide(divide($value, 255), 12.92), nth($_luminance-list, $value + 1));
[INFO] [CLIENT]     │             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[INFO] [CLIENT]     ╵
[INFO] [CLIENT]     ../../../bootstrap/scss/_functions.scss 191:13  @import
[INFO] [CLIENT]     ../../../bootstrap/scss/bootstrap.scss 7:9      @import
[INFO] [CLIENT]     ../../../../src/styles/index.scss 19:9          @import
[INFO] [CLIENT]     ../../../../src/App.vue 2:9                     root stylesheet
[INFO] [CLIENT] 
[INFO] [CLIENT] DEPRECATION WARNING [if-function]: The Sass if() syntax is deprecated in favor of the modern CSS syntax.
[INFO] [CLIENT] 
[INFO] [CLIENT] Suggestion: if(sass($weight > 0): shade-color($color, $weight); else: tint-color($color, -$weight))
[INFO] [CLIENT] 
[INFO] [CLIENT] More info: https://sass-lang.com/d/if-function
[INFO] [CLIENT] 
[INFO] [CLIENT]     ╷
[INFO] [CLIENT] 217 │   @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));
[INFO] [CLIENT]     │           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
[INFO] [CLIENT]     ╵
[INFO] [CLIENT]     ../../../bootstrap/scss/_functions.scss 217:11  @import
[INFO] [CLIENT]     ../../../bootstrap/scss/bootstrap.scss 7:9      @import
[INFO] [CLIENT]     ../../../../src/styles/index.scss 19:9          @import
[INFO] [CLIENT]     ../../../../src/App.vue 2:9                     root stylesheet
[INFO] [CLIENT] 
[INFO] [TESTS] It looks like this is your first time using Cypress: 15.8.0
[INFO] [TESTS] 
[INFO] [TESTS] [11:36:08]  Verifying Cypress can run /home/runner/.cache/Cypress/15.8.0/Cypress [started]
[INFO] [CLIENT] WARNING: 78 repetitive deprecation warnings omitted.
[INFO] [CLIENT] Run in verbose mode to see all warnings.
[INFO] [CLIENT] 

Are you interested in contributing a pull request for this task?

None