fix: handle uppercase media query

Author: alexander-akait

src/plugins/import.js

@@ -75,7 +75,9 @@ export default postcss.plugin(
 
         imports[
           `'${parsed.url}'${
-            parsed.media.length === 0 ? '' : ` ${parsed.media.trim()}`
+            parsed.media.length === 0
+              ? ''
+              : ` ${parsed.media.trim().toLowerCase()}`
           }`
         ] = {};
       });

test/__snapshots__/import-option.test.js.snap

@@ -23,6 +23,7 @@ Array [
 @import url('');
 @import url(\\"\\");
 @import url(test.css) screen and print;
+@import url(test.css) SCREEN AND PRINT;
 @import url(test.css)screen and print;
 @import url(test-media.css) screen and print;
 @import url(test-other.css) (min-width: 100px);
@@ -55,7 +56,7 @@ exports[`import false: module 1`] = `
 module.exports = exports = require(\\"../../../src/runtime/api.js\\")(false);
 
 // CSS module
-exports.push([module.id, \\"\\\\n@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css)screen and print;\\\\n@import url(test-media.css) screen and print;\\\\n@import url(test-other.css) (min-width: 100px);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/other-style.css) screen and print;\\\\n@import url(\\\\\\"//example.com/style.css\\\\\\");\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n@import url('query.css?foo=1&bar=1');\\\\n@import url('other-query.css?foo=1&bar=1#hash');\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n  @import 'path.css';\\\\n}\\\\n\\", \\"\\"]);
+exports.push([module.id, \\"\\\\n@import url(test.css);\\\\n@import url('test.css');\\\\n@import url(\\\\\\"test.css\\\\\\");\\\\n@IMPORT url(test.css);\\\\n@import URL(test.css);\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import \\\\\\"test.css\\\\\\";\\\\n@import '';\\\\n@import \\\\\\"\\\\\\";\\\\n@import \\\\\\"   \\\\\\";\\\\n@import url();\\\\n@import url('');\\\\n@import url(\\\\\\"\\\\\\");\\\\n@import url(test.css) screen and print;\\\\n@import url(test.css) SCREEN AND PRINT;\\\\n@import url(test.css)screen and print;\\\\n@import url(test-media.css) screen and print;\\\\n@import url(test-other.css) (min-width: 100px);\\\\n@import url(http://example.com/style.css);\\\\n@import url(http://example.com/other-style.css) screen and print;\\\\n@import url(\\\\\\"//example.com/style.css\\\\\\");\\\\n@import url(~package/test.css);\\\\n@import ;\\\\n@import foo-bar;\\\\n@import-normalize;\\\\n@import url('http://') :root {}\\\\n@import url('query.css?foo=1&bar=1');\\\\n@import url('other-query.css?foo=1&bar=1#hash');\\\\n\\\\n.class {\\\\n  a: b c d;\\\\n}\\\\n\\\\n.foo {\\\\n  @import 'path.css';\\\\n}\\\\n\\", \\"\\"]);
 "
 `;
 
@@ -206,15 +207,15 @@ Warning
   [ModuleWarning: Module Warning (from \`replaced original path\`):
 Warning
 
-(24:1) Unable to find uri in '@import '],
+(25:1) Unable to find uri in '@import '],
   [ModuleWarning: Module Warning (from \`replaced original path\`):
 Warning
 
-(25:1) Unable to find uri in '@import foo-bar'],
+(26:1) Unable to find uri in '@import foo-bar'],
   [ModuleWarning: Module Warning (from \`replaced original path\`):
 Warning
 
-(27:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.],
+(28:1) It looks like you didn't end your @import statement correctly. Child nodes are attached to it.],
   [ModuleWarning: Module Warning (from \`replaced original path\`):
 Warning
 

test/fixtures/import/import.css

@@ -14,6 +14,7 @@
 @import url('');
 @import url("");
 @import url(test.css) screen and print;
+@import url(test.css) SCREEN AND PRINT;
 @import url(test.css)screen and print;
 @import url(test-media.css) screen and print;
 @import url(test-other.css) (min-width: 100px);