fix(issue#4242): fix for media query list

* Add fix for media query list parsing in import.
* Add test for import with media query list syntax.

Author: puckowski

packages/less/src/less/tree/import.js

@@ -160,7 +160,7 @@ Import.prototype = Object.assign(new Node(), {
         }
         if (this.features) {
             let featureValue = this.features.value;
-            if (Array.isArray(featureValue) && featureValue.length === 1) {
+            if (Array.isArray(featureValue) && featureValue.length >= 1) {
                 const expr = featureValue[0];
                 if (expr.type === 'Expression' && Array.isArray(expr.value) && expr.value.length >= 2) {
                     featureValue = expr.value;

packages/test-data/css/_main/layer.css

@@ -1,6 +1,7 @@
 @import url("/import/layer-import-2.css") layer(foo);
 @import url("/import/layer-import-3.css") layer(responsive) supports(display: flex) screen and (max-width: 768px);
 @import url("/import/layer-import-4.css") layer(print) print;
+@import url("/import/layer-import-4.css") layer(print) print, (max-width: 600px);
 @import url("/import/layer-import-5.css") layer(features) supports(display: grid);
 @layer {
   .main::before {

packages/test-data/less/_main/layer.less

@@ -13,6 +13,7 @@
 @import url("/import/layer-import-2.css") layer(foo);
 @import url("/import/layer-import-3.css") layer(responsive) supports(display: flex) screen and (max-width: 768px);
 @import url("/import/layer-import-4.css") layer(print) print;
+@import url("/import/layer-import-4.css") layer(print) print, (max-width: 600px);
 @import url("/import/layer-import-5.css") layer(features) supports(display: grid);
 
 @layer-name: primevue;