fixed vite deprecated warnings

web/themes/custom/leshed/assets/fonts/epilogue/stylesheet.css

@@ -1,20 +0,0 @@
-
-
-@font-face {
-    font-family: 'Epilogue';
-    src: url('Epilogue-Italic-VariableFont_wght.ttf') format('truetype');
-    src: url('Epilogue-Italic-VariableFont_wght.ttf') format('truetype') tech(variations);
-    font-weight: 100 900;
-    font-style: italic;
-    font-display: block;
-}
-
-@font-face {
-    font-family: 'Epilogue';
-    src: url('Epilogue-VariableFont_wght.ttf') format('truetype');
-    src: url('Epilogue-VariableFont_wght.ttf') format('truetype') tech(variations);
-    font-weight: 100 900;
-    font-style: normal;
-    font-display: block;
-}
-

web/themes/custom/leshed/assets/fonts/epilogue/stylesheet.scss

@@ -0,0 +1,22 @@
+// Chemin vers ce dossier, relatif au fichier d'entrée Sass du projet
+// consommateur (Vite résout les url() d'un partial par rapport à l'entrée,
+// pas par rapport à ce fichier) : à fixer via `@use ... with ($font-path: ...)`.
+$font-path: '.' !default;
+
+@font-face {
+    font-family: 'Epilogue';
+    src: url('#{$font-path}/Epilogue-Italic-VariableFont_wght.ttf') format('truetype');
+    src: url('#{$font-path}/Epilogue-Italic-VariableFont_wght.ttf') format('truetype') tech(variations);
+    font-weight: 100 900;
+    font-style: italic;
+    font-display: block;
+}
+
+@font-face {
+    font-family: 'Epilogue';
+    src: url('#{$font-path}/Epilogue-VariableFont_wght.ttf') format('truetype');
+    src: url('#{$font-path}/Epilogue-VariableFont_wght.ttf') format('truetype') tech(variations);
+    font-weight: 100 900;
+    font-style: normal;
+    font-display: block;
+}

web/themes/custom/leshed/assets/scss/main.scss

@@ -1,7 +1,7 @@
-@import "partials/variables";
+@use "partials/variables" as *;
-@import "partials/colors";
+@use "partials/colors" as *;
-@import "partials/fonts";
+@use "partials/fonts" as *;
-@import "partials/mixins";
+@use "partials/mixins" as *;
 
 a, a:visited{
   text-decoration: none;

web/themes/custom/leshed/assets/scss/partials/fonts.scss

@@ -1,5 +1,4 @@
-@import "/assets/fonts/epilogue/stylesheet.css";
+@use "../../fonts/epilogue/stylesheet" with ($font-path: "../fonts/epilogue");
-
 
 body{
   font-family: 'Epilogue';
@@ -8,7 +7,7 @@ body{
 }
 
 @mixin titre{
-
+  font-size: 1em;
 }
 
 // @mixin titre_h2{

web/themes/custom/leshed/assets/scss/partials/mixins.scss

@@ -1,3 +1,5 @@
+@use "colors" as *;
+
 @mixin menu-contenus{
   ul,li{
     padding: 0;

web/themes/custom/leshed/vite.config.js

@@ -5,6 +5,16 @@ import { fileURLToPath, URL } from 'node:url'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  css: {
+    preprocessorOptions: {
+      scss: {
+        // Fait taire le DEPRECATION WARNING [legacy-js-api] de Vite : la
+        // "sass" installée (pure JS) supporte l'API moderne sans dépendre
+        // de sass-embedded.
+        api: 'modern',
+      },
+    },
+  },
   // Chemins relatifs dans les assets buildés (main.css -> fonts/...) : sinon
   // Vite génère des url() absolues depuis la racine du site ("/fonts/...")
   // au lieu du dossier du thème, où Drupal sert réellement assets/dist/.