Fix Sass warnings

Author: lehni

packages/admin/src/styles/_imports.scss

@@ -1,2 +1,3 @@
+// stylelint-disable scss/load-partial-extension
 @import '@ditojs/ui/imports.scss';
 @import '_settings';

packages/build/src/vite.js

@@ -56,9 +56,9 @@ export function defineViteConfig({
           postcss: getPostCssConfig(),
           preprocessorOptions: {
             scss: {
-              // https://sass-lang.com/documentation/breaking-changes/legacy-js-api/
-              // TODO: Remove once vite has been updated to new API:
-              silenceDeprecations: ['legacy-js-api']
+              // TODO: Convert all @import statements to @use:
+              // https://sass-lang.com/documentation/breaking-changes/import/
+              silenceDeprecations: ['import']
             }
           }
         }

packages/ui/src/components/Trigger.vue

@@ -374,7 +374,7 @@ export default {
 
 <style lang="scss">
 @import '../styles/_imports';
-@import '../styles/transitions/index.scss';
+@import '../styles/transitions';
 
 .dito-trigger-container {
   position: relative;

packages/ui/src/styles/mixins/_arrow.scss

@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 $angles: (
   up: 135deg,
   down: -45deg,
@@ -18,7 +20,7 @@ $angles: (
   width: $size;
   height: $size;
   pointer-events: none;
-  transform: rotate(map_get($angles, $direction));
+  transform: rotate(map.get($angles, $direction));
   margin: auto;
   top: 0;
   bottom: 0;