replace node-sass with dart-sass (sass)

local/rollup/src/pipeline.common.plugins.js

@@ -1,3 +1,4 @@
+const sass = require('sass');
 const postcss = require('postcss');
 const autoprefixer = require('autoprefixer');
 const { nodeResolve: rollupPluginResolve } = require('@rollup/plugin-node-resolve');
@@ -34,6 +35,7 @@ module.exports = {
         ? rollupPluginScss({
             output,
             sourceMap,
+            sass,
             processor: () => postcss([autoprefixer()]),
           })
         : rollupPluginIgnoreImport({

package.json

@@ -49,7 +49,7 @@
     "glob": "^7.1.6",
     "jest": "^28.1.3",
     "jest-environment-jsdom": "^28.1.3",
-    "node-sass": "^7.0.1",
+    "sass": "^1.54.0",
     "nyc": "^15.1.0",
     "playwright": "^1.22.2",
     "playwright-chromium": "^1.22.2",

packages/overlayscrollbars/src/styles/sizeobserver.scss

@@ -1,3 +1,5 @@
+@use 'sass:math';
+
 $inflate-margin: 133px;
 $shrink-scale: 0.1;
 
@@ -58,7 +60,9 @@ $shrink-scale: 0.1;
   padding: inherit;
   border: inherit;
   margin: -$inflate-margin;
-  transform: scale(1 / $shrink-scale);
+  transform: scale(
+    math.div(1, $shrink-scale)
+  ); // scale(calc(1 / #{$shrink-scale})) not supported in ie11
 
   &.ltr {
     margin-right: -$inflate-margin * 2;

packages/overlayscrollbars/styles/overlayscrollbars.css

@@ -4,7 +4,8 @@
   pointer-events: none;
   overflow: hidden;
   visibility: hidden;
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 .os-size-observer,
 .os-size-observer-listener,
@@ -13,7 +14,8 @@
   writing-mode: horizontal-tb;
   position: absolute;
   left: 0;
-  top: 0; }
+  top: 0;
+}
 
 .os-size-observer {
   z-index: -1;
@@ -29,18 +31,21 @@
   right: 0;
   bottom: 0;
   left: 0;
-  transform: scale(0.1); }
+  transform: scale(0.1);
-  .os-size-observer::before {
+}
-    content: '';
+.os-size-observer::before {
-    flex: none;
+  content: "";
-    box-sizing: inherit;
+  flex: none;
-    padding: 10px;
+  box-sizing: inherit;
-    width: 10px;
+  padding: 10px;
-    height: 10px; }
+  width: 10px;
+  height: 10px;
+}
 
 .os-size-observer-appear {
   -webkit-animation: os-size-observer-appear-animation 1ms forwards;
-          animation: os-size-observer-appear-animation 1ms forwards; }
+          animation: os-size-observer-appear-animation 1ms forwards;
+}
 
 .os-size-observer-listener {
   box-sizing: border-box;
@@ -49,52 +54,64 @@
   padding: inherit;
   border: inherit;
   margin: -133px;
-  transform: scale(10); }
+  transform: scale(10);
-  .os-size-observer-listener.ltr {
+}
-    margin-right: -266px;
+.os-size-observer-listener.ltr {
-    margin-left: 0; }
+  margin-right: -266px;
-  .os-size-observer-listener.rtl {
+  margin-left: 0;
-    margin-left: -266px;
+}
-    margin-right: 0; }
+.os-size-observer-listener.rtl {
-  .os-size-observer-listener:empty::before {
+  margin-left: -266px;
-    content: '';
+  margin-right: 0;
-    width: 100%;
+}
-    height: 100%; }
+.os-size-observer-listener:empty::before {
-  .os-size-observer-listener:empty::before,
+  content: "";
-  .os-size-observer-listener > .os-size-observer-listener-item {
+  width: 100%;
-    display: block;
+  height: 100%;
-    position: relative;
+}
-    padding: inherit;
+.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
-    border: inherit;
+  display: block;
-    box-sizing: content-box;
+  position: relative;
-    flex: auto; }
+  padding: inherit;
+  border: inherit;
+  box-sizing: content-box;
+  flex: auto;
+}
 
 .os-size-observer-listener-scroll {
   box-sizing: border-box;
-  display: flex; }
+  display: flex;
+}
 
 .os-size-observer-listener-item {
   right: 0;
   bottom: 0;
   overflow: hidden;
   direction: ltr;
-  flex: none; }
+  flex: none;
+}
 
 .os-size-observer-listener-item-final {
-  transition: none; }
+  transition: none;
+}
 
 @-webkit-keyframes os-size-observer-appear-animation {
   from {
-    cursor: auto; }
+    cursor: auto;
+  }
   to {
-    cursor: none; } }
+    cursor: none;
+  }
+}
 
 @keyframes os-size-observer-appear-animation {
   from {
-    cursor: auto; }
+    cursor: auto;
+  }
   to {
-    cursor: none; } }
+    cursor: none;
-
+  }
+}
 .os-trinsic-observer {
   flex: none;
   box-sizing: border-box;
@@ -108,15 +125,18 @@
   z-index: -1;
   height: 0;
   top: calc(100% + 1px);
-  contain: strict; }
+  contain: strict;
-  .os-trinsic-observer:not(:empty) {
+}
-    height: calc(100% + 1px);
+.os-trinsic-observer:not(:empty) {
-    top: -1px; }
+  height: calc(100% + 1px);
-    .os-trinsic-observer:not(:empty) > .os-size-observer {
+  top: -1px;
-      width: 1000%;
+}
-      height: 1000%;
+.os-trinsic-observer:not(:empty) > .os-size-observer {
-      min-height: 1px;
+  width: 1000%;
-      min-width: 1px; }
+  height: 1000%;
+  min-height: 1px;
+  min-width: 1px;
+}
 
 .os-environment {
   --os-custom-prop: -1;
@@ -126,51 +146,60 @@
   overflow: scroll;
   height: 200px;
   width: 200px;
-  z-index: var(--os-custom-prop); }
+  z-index: var(--os-custom-prop);
-  .os-environment div {
+}
-    width: 200%;
+.os-environment div {
-    height: 200%;
+  width: 200%;
-    margin: 10px 0; }
+  height: 200%;
-  .os-environment.os-environment-flexbox-glue {
+  margin: 10px 0;
-    display: flex;
+}
-    flex-direction: row;
+.os-environment.os-environment-flexbox-glue {
-    flex-wrap: nowrap;
+  display: flex;
-    height: auto;
+  flex-direction: row;
-    width: auto;
+  flex-wrap: nowrap;
-    min-height: 200px;
+  height: auto;
-    min-width: 200px; }
+  width: auto;
-    .os-environment.os-environment-flexbox-glue div {
+  min-height: 200px;
-      flex: auto;
+  min-width: 200px;
-      width: auto;
+}
-      height: auto;
+.os-environment.os-environment-flexbox-glue div {
-      max-height: 100%;
+  flex: auto;
-      max-width: 100%;
+  width: auto;
-      margin: 0; }
+  height: auto;
-  .os-environment.os-environment-flexbox-glue-max {
+  max-height: 100%;
-    max-height: 200px; }
+  max-width: 100%;
-    .os-environment.os-environment-flexbox-glue-max div {
+  margin: 0;
-      overflow: visible; }
+}
-      .os-environment.os-environment-flexbox-glue-max div::before {
+.os-environment.os-environment-flexbox-glue-max {
-        content: '';
+  max-height: 200px;
-        display: block;
+}
-        height: 999px;
+.os-environment.os-environment-flexbox-glue-max div {
-        width: 999px; }
+  overflow: visible;
+}
+.os-environment.os-environment-flexbox-glue-max div::before {
+  content: "";
+  display: block;
+  height: 999px;
+  width: 999px;
+}
 
 .os-environment,
 .os-viewport {
-  -ms-overflow-style: scrollbar !important; }
+  -ms-overflow-style: scrollbar !important;
+}
 
-[data-overlayscrollbars=''],
+[data-overlayscrollbars=""],
-[data-overlayscrollbars~='scrollbarHidden'],
+[data-overlayscrollbars~=scrollbarHidden],
 html.os-viewport-scrollbar-hidden,
 .os-viewport-scrollbar-hidden.os-environment,
 .os-viewport-scrollbar-hidden.os-viewport {
-  scrollbar-width: none !important; }
+  scrollbar-width: none !important;
+}
 
-[data-overlayscrollbars='']::-webkit-scrollbar,
+[data-overlayscrollbars=""]::-webkit-scrollbar,
-[data-overlayscrollbars='']::-webkit-scrollbar-corner,
+[data-overlayscrollbars=""]::-webkit-scrollbar-corner,
-[data-overlayscrollbars~='scrollbarHidden']::-webkit-scrollbar,
+[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,
-[data-overlayscrollbars~='scrollbarHidden']::-webkit-scrollbar-corner,
+[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,
 html.os-viewport-scrollbar-hidden::-webkit-scrollbar,
 html.os-viewport-scrollbar-hidden::-webkit-scrollbar-corner,
 .os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar,
@@ -181,23 +210,27 @@ html.os-viewport-scrollbar-hidden::-webkit-scrollbar-corner,
   width: 0px !important;
   height: 0px !important;
   visibility: hidden !important;
-  background: transparent !important; }
+  background: transparent !important;
+}
 
 html.os-viewport-scrollbar-hidden,
 html.os-viewport-scrollbar-hidden > body[data-overlayscrollbars] {
   box-sizing: border-box;
   width: 100%;
-  height: 100%; }
+  height: 100%;
+}
 
 [data-overlayscrollbars],
 .os-padding {
-  position: relative; }
+  position: relative;
+}
 
-[data-overlayscrollbars~='host'],
+[data-overlayscrollbars~=host],
 .os-padding {
   display: flex;
   flex-direction: row !important;
-  flex-wrap: nowrap !important; }
+  flex-wrap: nowrap !important;
+}
 
 .os-padding,
 .os-viewport {
@@ -209,51 +242,64 @@ html.os-viewport-scrollbar-hidden > body[data-overlayscrollbars] {
   padding: 0;
   margin: 0;
   border: none;
-  z-index: 0; }
+  z-index: 0;
+}
 
 .os-viewport {
   --os-vaw: 0;
-  --os-vah: 0; }
+  --os-vah: 0;
-  .os-viewport.os-viewport-arrange::before {
+}
-    content: '';
+.os-viewport.os-viewport-arrange::before {
-    position: absolute;
+  content: "";
-    pointer-events: none;
+  position: absolute;
-    z-index: -1;
+  pointer-events: none;
-    min-width: 1px;
+  z-index: -1;
-    min-height: 1px;
+  min-width: 1px;
-    width: var(--os-vaw);
+  min-height: 1px;
-    height: var(--os-vah); }
+  width: var(--os-vaw);
+  height: var(--os-vah);
+}
 
-[data-overlayscrollbars~='viewport'] {
+[data-overlayscrollbars~=viewport] {
-  overflow: hidden !important; }
+  overflow: hidden !important;
+}
 
-[data-overlayscrollbars~='overflowVisible'] {
+[data-overlayscrollbars~=overflowVisible] {
-  overflow: visible !important; }
+  overflow: visible !important;
+}
 
-[data-overlayscrollbars-overflow-x='hidden'] {
+[data-overlayscrollbars-overflow-x=hidden] {
-  overflow-x: hidden !important; }
+  overflow-x: hidden !important;
+}
 
-[data-overlayscrollbars-overflow-x='scroll'] {
+[data-overlayscrollbars-overflow-x=scroll] {
-  overflow-x: scroll !important; }
+  overflow-x: scroll !important;
+}
 
-[data-overlayscrollbars-overflow-x='hidden'] {
+[data-overlayscrollbars-overflow-x=hidden] {
-  overflow-y: hidden !important; }
+  overflow-y: hidden !important;
+}
 
-[data-overlayscrollbars-overflow-y='scroll'] {
+[data-overlayscrollbars-overflow-y=scroll] {
-  overflow-y: scroll !important; }
+  overflow-y: scroll !important;
+}
 
 .os-padding,
 .os-viewport {
-  overflow: hidden; }
+  overflow: hidden;
+}
 
 .os-overflow-visible {
-  overflow: visible; }
+  overflow: visible;
+}
 
 .os-content {
-  box-sizing: inherit; }
+  box-sizing: inherit;
+}
 
-[data-overlayscrollbars~='updating'] > .os-scrollbar {
+[data-overlayscrollbars~=updating] > .os-scrollbar {
-  display: none !important; }
+  display: none !important;
+}
 
 .os-scrollbar {
   contain: strict;
@@ -262,170 +308,209 @@ html.os-viewport-scrollbar-hidden > body[data-overlayscrollbars] {
   position: absolute;
   z-index: 99999;
   opacity: 0;
-  visibility: hidden; }
+  visibility: hidden;
+}
 
 body > .os-scrollbar {
-  position: fixed; }
+  position: fixed;
+}
 
 .os-scrollbar-transitionless {
-  transition: none; }
+  transition: none;
+}
 
 .os-scrollbar-track {
   position: relative;
   direction: ltr !important;
   padding: 0 !important;
-  border: none !important; }
+  border: none !important;
+}
 
 .os-scrollbar-handle {
-  position: absolute; }
+  position: absolute;
+}
 
 .os-scrollbar-track,
 .os-scrollbar-handle {
   pointer-events: none;
   width: 100%;
-  height: 100%; }
+  height: 100%;
+}
 
 .os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
 .os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
   pointer-events: auto;
-  touch-action: none; }
+  touch-action: none;
+}
 
 .os-scrollbar-horizontal {
   bottom: 0;
-  left: 0; }
+  left: 0;
+}
 
 .os-scrollbar-vertical {
   top: 0;
-  right: 0; }
+  right: 0;
+}
 
 .os-scrollbar-rtl.os-scrollbar-horizontal {
-  right: 0; }
+  right: 0;
+}
 
 .os-scrollbar-rtl.os-scrollbar-vertical {
   right: auto;
-  left: 0; }
+  left: 0;
+}
 
 .os-scrollbar-visible,
 .os-scrollbar-interaction.os-scrollbar-visible {
   opacity: 1;
-  visibility: visible; }
+  visibility: visible;
+}
 
 .os-scrollbar-auto-hidden {
   opacity: 0;
-  visibility: hidden; }
+  visibility: hidden;
+}
 
 .os-scrollbar-unusable,
 .os-scrollbar-unusable * {
-  pointer-events: none !important; }
+  pointer-events: none !important;
+}
 
 .os-scrollbar-unusable .os-scrollbar-handle {
-  opacity: 0 !important; }
+  opacity: 0 !important;
+}
 
 .os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless {
   left: 0;
-  right: 0; }
+  right: 0;
+}
 
 .os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless {
   top: 0;
-  bottom: 0; }
+  bottom: 0;
+}
 
 /* NONE THEME: */
 .os-theme-none.os-scrollbar {
-  display: none !important; }
+  display: none !important;
+}
 
 /* DARK & LIGHT THEME: */
 .os-theme-dark.os-scrollbar-horizontal,
 .os-theme-light.os-scrollbar-horizontal {
   right: 10px;
-  height: 10px; }
+  height: 10px;
+}
 
 .os-theme-dark.os-scrollbar-vertical,
 .os-theme-light.os-scrollbar-vertical {
   bottom: 10px;
-  width: 10px; }
+  width: 10px;
+}
 
 .os-theme-dark.os-scrollbar-rtl.os-scrollbar-horizontal,
 .os-theme-light.os-scrollbar-rtl.os-scrollbar-horizontal {
   left: 10px;
-  right: 0; }
+  right: 0;
+}
 
 .os-theme-dark.os-scrollbar,
 .os-theme-light.os-scrollbar {
   padding: 2px;
   box-sizing: border-box;
-  background: transparent; }
+  background: transparent;
+}
 
 .os-theme-dark.os-scrollbar-unusable,
 .os-theme-light.os-scrollbar-unusable {
-  background: transparent; }
+  background: transparent;
+}
 
 .os-theme-dark.os-scrollbar > .os-scrollbar-track,
 .os-theme-light.os-scrollbar > .os-scrollbar-track {
-  background: transparent; }
+  background: transparent;
+}
 
 .os-theme-dark.os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
 .os-theme-light.os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
-  min-width: 30px; }
+  min-width: 30px;
+}
 
 .os-theme-dark.os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
 .os-theme-light.os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
-  min-height: 30px; }
+  min-height: 30px;
+}
 
 .os-theme-dark.os-scrollbar-transition > .os-scrollbar-track > .os-scrollbar-handle,
 .os-theme-light.os-scrollbar-transition > .os-scrollbar-track > .os-scrollbar-handle {
-  transition: background-color 0.3s; }
+  transition: background-color 0.3s;
+}
 
 .os-theme-dark.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
 .os-theme-light.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
 .os-theme-dark.os-scrollbar > .os-scrollbar-track,
 .os-theme-light.os-scrollbar > .os-scrollbar-track {
-  border-radius: 10px; }
+  border-radius: 10px;
+}
 
 .os-theme-dark.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
-  background: rgba(0, 0, 0, 0.4); }
+  background: rgba(0, 0, 0, 0.4);
+}
 
 .os-theme-light.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
-  background: rgba(255, 255, 255, 0.4); }
+  background: rgba(255, 255, 255, 0.4);
+}
 
 .os-theme-dark.os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
-  background: rgba(0, 0, 0, 0.55); }
+  background: rgba(0, 0, 0, 0.55);
+}
 
 .os-theme-light.os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
-  background: rgba(255, 255, 255, 0.55); }
+  background: rgba(255, 255, 255, 0.55);
+}
 
 .os-theme-dark.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
-  background: rgba(0, 0, 0, 0.7); }
+  background: rgba(0, 0, 0, 0.7);
+}
 
 .os-theme-light.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
-  background: rgba(255, 255, 255, 0.7); }
+  background: rgba(255, 255, 255, 0.7);
+}
 
 .os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,
 .os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,
 .os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before,
 .os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before {
-  content: '';
+  content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
-  display: block; }
+  display: block;
+}
 
 .os-theme-dark.os-host-scrollbar-hidden > .os-scrollbar-handle:before {
-  display: none; }
+  display: none;
+}
 
 .os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,
 .os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before {
   top: -6px;
-  bottom: -2px; }
+  bottom: -2px;
+}
 
 .os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,
 .os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before {
   left: -6px;
-  right: -2px; }
+  right: -2px;
+}
 
 .os-theme-dark.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle:before,
 .os-theme-light.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle:before {
   right: -6px;
-  left: -2px; }
+  left: -2px;
+}
 /*# sourceMappingURL=overlayscrollbars.css.map */

packages/overlayscrollbars/styles/overlayscrollbars.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/styles/sizeobserver.scss","../../src/styles/trinsicobserver.scss","../../src/styles/structure.scss","../overlayscrollbars.css","../../src/styles/scrollbars.scss"],"names":[],"mappings":"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","file":"overlayscrollbars.css"}
+{"version":3,"sources":["../../src/styles/sizeobserver.scss","../overlayscrollbars.css","../../src/styles/trinsicobserver.scss","../../src/styles/structure.scss","../../src/styles/scrollbars.scss"],"names":[],"mappings":"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","file":"overlayscrollbars.css"}