fix: upgrade SASS and adjust rules accordingly (#326)

### 🎯 Goal

https://getstream.slack.com/archives/C05GR3S04E8/p1740480279057069

Author: arnautov-anton

package.json

@@ -60,7 +60,7 @@
     "dedent": "^0.7.0",
     "glob": "^8.0.3",
     "prettier": "^2.7.1",
-    "sass": "^1.53.0",
+    "sass": "^1.85.1",
     "semantic-release": "^18.0.1",
     "stylelint": "^13.13.1",
     "stylelint-config-prettier": "^9.0.3",
@@ -75,5 +75,12 @@
     "docs",
     "package.json",
     "README.md"
-  ]
+  ],
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": "^16",
+      "onFail": "error"
+    }
+  }
 }

src/v2/styles/Channel/Channel-layout.scss

@@ -65,8 +65,9 @@
   }
 
   .str-chat__loading-channel-message-list {
-    @include utils.message-list-spacing;
+    /* stylelint-disable */
     height: 100%;
+    @include utils.message-list-spacing;
 
     .str-chat__loading-channel-message {
       display: flex;

src/v2/styles/vendor/react-image-gallery.scss

@@ -1,11 +1,13 @@
+@use "sass:color";
+
 $ig-small-screen: 768px !default;
 $ig-xsmall-screen: 480px !default;
 $ig-white: #fff !default;
 $ig-black: #000 !default;
 $ig-blue: #337ab7 !default;
 $ig-background-black: rgba(0, 0, 0, 0.4) !default;
 $ig-transparent: rgba(0, 0, 0, 0) !default;
-$ig-shadow: 0 2px 2px lighten($ig-black, 10%);
+$ig-shadow: 0 2px 2px color.adjust($ig-black, $lightness: 10%);
 
 @mixin vendor-prefix($name, $value) {
   @each $vendor in ('-webkit-', '-moz-', '-ms-', '-o-', '') {