Fix group call styles again

package.json

@@ -46,6 +46,7 @@
     "babel-loader": "^8.2.5",
     "babel-preset-es2015": "^6.24.1",
     "big-integer": "^1.6.51",
+    "browserslist": "^4.21.5",
     "compression": "^1.7.4",
     "css-loader": "^6.7.1",
     "cssnano": "^5.1.14",
@@ -75,9 +76,9 @@
     "ts-jest": "^28.0.4",
     "ts-loader": "^9.3.0",
     "typescript": "^4.9.4",
-    "webpack": "^5.72.0",
+    "webpack": "^5.75.0",
     "webpack-bundle-analyzer": "^4.5.0",
-    "webpack-cli": "^4.9.2",
+    "webpack-cli": "^5.0.1",
     "webpack-merge": "^5.8.0",
     "webpack-retry-chunk-load-plugin": "^3.0.0"
   }

postcss.config.js

@@ -1,8 +0,0 @@
-module.exports = {
-  // parser: 'sugarss',
-  plugins: {
-    'postcss-import': {},
-    'postcss-preset-env': {},
-    'cssnano': {}
-  }
-}

src/scss/partials/_button.scss

@@ -863,9 +863,9 @@ $btn-menu-z-index: 4;
     transition: background-color var(--transition-standard-in), opacity var(--transition-standard-in);
   }
 
-  &,
-  &-container {
-    margin: 0 var(--call-button-margin);
+  & + &,
+  &-container + &-container {
+    margin-inline-start: var(--call-button-margin);
   }
 }
 

src/scss/partials/popups/_groupCall.scss

@@ -37,7 +37,7 @@
 }
 
 .group-call {
-  --call-button-margin: .625rem;
+  --call-button-margin: 1.25rem;
   width: 100%;
   height: 100%;
   padding: 0 .5rem;

webpack.common.js

@@ -100,7 +100,16 @@ module.exports = {
               // Webpack 5
               postcssOptions: {
                 plugins: [
-                  postcssPresetEnv()
+                  'postcss-import',
+                  [
+                    'postcss-preset-env',
+                    {
+                      features: {
+                        'custom-properties': false
+                      }
+                    }
+                  ],
+                  'cssnano'
                 ]
               }
             }