diff --git a/postcss.config.cjs b/postcss.config.cjs
index 00b80eded..f38c917ba 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -8,7 +8,16 @@ const config = {
     require('postcss-preset-env')({
       features: {
         'custom-media-queries': {
-          importFrom: './src/lib/styles/variables/queries.postcss'
+          importFrom: [
+            {
+              customMedia: {
+                  '--sm': '(min-width: 544px)',
+                  '--md': '(min-width: 768px)',
+                  '--lg': '(min-width: 1012px)',
+                  '--xl': '(min-width: 1280px)',
+              },
+            },
+          ]
         }
       }
     }),
diff --git a/src/lib/styles/variables/queries.postcss b/src/lib/styles/variables/queries.postcss
deleted file mode 100644
index 59164ff32..000000000
--- a/src/lib/styles/variables/queries.postcss
+++ /dev/null
@@ -1,4 +0,0 @@
-@custom-media --sm (min-width: 544px);
-@custom-media --md (min-width: 768px);
-@custom-media --lg (min-width: 1012px);
-@custom-media --xl (min-width: 544px);
\ No newline at end of file