drop importFrom in postcss custom-media-queries

Author: keithamus

css/content.css

@@ -1,3 +1,5 @@
+@import url("open-props/media.min.css");
+
 .content {
   max-inline-size: 80ch;
   font-size: var(--font-size-2);

css/global.css

@@ -1,6 +1,7 @@
 @import url("@oddbird/popover-polyfill/dist/popover.css");
 @import url("open-props");
 @import url("open-props/normalize.min.css");
+@import url("open-props/media.min.css");
 
 :root {
   --brand: #1eccea;

css/index.css

@@ -1,3 +1,5 @@
+@import url("open-props/media.min.css");
+
 main,
 body > footer {
   inline-size: 100vw;

postcss.config.js

@@ -23,7 +23,6 @@ module.exports = {
         "color-functional-notation": false,
         "custom-media-queries": {
           preserve: false,
-          importFrom: ["node_modules/open-props/media.min.css"],
         },
       },
     }),