update to npm 7

.github/workflows/bundle-size.yml

@@ -7,9 +7,6 @@ jobs:
         runs-on: ubuntu-latest
 
         steps:
-            - uses: actions/setup-node@v2-beta
-              with:
-                node-version: '12'
             - uses: actions/checkout@v2
               with:
                   fetch-depth: 1

.github/workflows/js-css-linting.yml

@@ -26,13 +26,12 @@ jobs:
           ${{ runner.os }}-build-${{ env.cache-name }}-
           ${{ runner.os }}-build-
           ${{ runner.os }}-
-    - name: Use Node.js 12.x
-      uses: actions/setup-node@v1
+    - uses: actions/setup-node@v2-beta
       with:
-        node-version: 12.x
+        node-version: '15'
     - name: Npm install
       run: |
-        npm install
+        npm ci
     - name: Lint JavaScript
       uses: bradennapier/eslint-plus-action@v3.4.2
       with:

assets/js/base/components/price-slider/style.scss

@@ -262,7 +262,7 @@
 			background: transparent;
 		}
 	}
-
+	/*
 	&.is-loading,
 	&.is-disabled {
 		.wc-block-components-price-slider__range-input-wrapper {
@@ -276,6 +276,7 @@
 			animation: none;
 		}
 	}
+	*/
 }
 
 /* IE 11 will not support multi-range slider due to poor pointer-events support on the thumb. Reverts to 2 sliders. */

bin/webpack-configs.js

@@ -469,6 +469,7 @@ const getStylingConfig = ( options = {} ) => {
 						{
 							loader: 'sass-loader',
 							query: {
+								implementation: require( 'sass' ),
 								includePaths: [ 'node_modules' ],
 								data: [
 									'colors',
@@ -497,6 +498,7 @@ const getStylingConfig = ( options = {} ) => {
 						{
 							loader: 'sass-loader',
 							query: {
+								implementation: require( 'sass' ),
 								includePaths: [ 'assets/css/abstracts' ],
 								data: [
 									'_colors',