silence sass warnings

Author: KingSora

local/rollup/src/bundle/plugins.js

@@ -38,7 +38,11 @@ export default {
         ? rollupPluginScss({
             output,
             sourceMap,
-            sass,
+            sass: {
+              renderSync: (options) => {
+                return sass.renderSync({ ...options, silenceDeprecations: ['legacy-js-api'] });
+              },
+            },
             prefix: banner
               ? `/*! \r\n${banner
                   .replace(/\r\n/g, '\r')

packages/overlayscrollbars/src/index.scss

@@ -1,5 +1,5 @@
-@import './styles/sizeobserver.scss';
-@import './styles/trinsicobserver.scss';
-@import './styles/structure.scss';
-@import './styles/scrollbars.scss';
-@import './styles/themes.scss';
+@use './styles/sizeobserver.scss';
+@use './styles/trinsicobserver.scss';
+@use './styles/structure.scss';
+@use './styles/scrollbars.scss';
+@use './styles/themes.scss';