tailwindcss 3.0.24 → 3.1.0

package/lib/corePlugins.js

@@ -19,31 +19,50 @@ var _packageJson = require("../package.json");
 var _log = _interopRequireDefault(require("./util/log"));
 var _normalizeScreens = require("./util/normalizeScreens");
 var _parseBoxShadowValue = require("./util/parseBoxShadowValue");
+var _featureFlags = require("./featureFlags");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+function _getRequireWildcardCache() {
+    if (typeof WeakMap !== "function") return null;
+    var cache = new WeakMap();
+    _getRequireWildcardCache = function() {
+        return cache;
+    };
+    return cache;
+}
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
-    } else {
-        var newObj = {};
-        if (obj != null) {
-            for(var key in obj){
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache();
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
             }
         }
-        newObj.default = obj;
-        return newObj;
     }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
 }
 let variantPlugins = {
     pseudoElementVariants: ({ addVariant  })=>{
@@ -59,9 +78,8 @@ let variantPlugins = {
         ]);
         addVariant("file", "&::file-selector-button");
         addVariant("placeholder", "&::placeholder");
-        /*
-    addVariant('backdrop', '&::backdrop')
-    */ addVariant("before", ({ container  })=>{
+        addVariant("backdrop", "&::backdrop");
+        addVariant("before", ({ container  })=>{
             container.walkRules((rule)=>{
                 let foundContent = false;
                 rule.walkDecls("content", ()=>{
@@ -92,28 +110,28 @@ let variantPlugins = {
             return "&::after";
         });
     },
-    pseudoClassVariants: ({ addVariant  })=>{
+    pseudoClassVariants: ({ addVariant , config  })=>{
         let pseudoVariants = [
             // Positional
             [
                 "first",
-                ":first-child"
+                "&:first-child"
             ],
             [
                 "last",
-                ":last-child"
+                "&:last-child"
             ],
             [
                 "only",
-                ":only-child"
+                "&:only-child"
             ],
             [
                 "odd",
-                ":nth-child(odd)"
+                "&:nth-child(odd)"
             ],
             [
                 "even",
-                ":nth-child(even)"
+                "&:nth-child(even)"
             ],
             "first-of-type",
             "last-of-type",
@@ -138,13 +156,13 @@ let variantPlugins = {
                             }
                         }
                     });
-                    return ":visited";
+                    return "&:visited";
                 }, 
             ],
             "target",
             [
                 "open",
-                "[open]"
+                "&[open]"
             ],
             // Forms
             "default",
@@ -152,6 +170,7 @@ let variantPlugins = {
             "indeterminate",
             "placeholder-shown",
             "autofill",
+            "optional",
             "required",
             "valid",
             "invalid",
@@ -162,34 +181,35 @@ let variantPlugins = {
             "empty",
             // Interactive
             "focus-within",
-            "hover",
+            [
+                "hover",
+                !(0, _featureFlags).flagEnabled(config(), "hoverOnlyWhenSupported") ? "&:hover" : "@media (hover: hover) and (pointer: fine) { &:hover }", 
+            ],
             "focus",
             "focus-visible",
             "active",
-            /*
-      'enabled',
-      */ "disabled", 
+            "enabled",
+            "disabled", 
         ].map((variant)=>Array.isArray(variant) ? variant : [
                 variant,
-                `:${variant}`
-            ]
-        );
+                `&:${variant}`
+            ]);
         for (let [variantName, state] of pseudoVariants){
             addVariant(variantName, (ctx)=>{
                 let result = typeof state === "function" ? state(ctx) : state;
-                return `&${result}`;
+                return result;
             });
         }
         for (let [variantName1, state1] of pseudoVariants){
             addVariant(`group-${variantName1}`, (ctx)=>{
                 let result = typeof state1 === "function" ? state1(ctx) : state1;
-                return `:merge(.group)${result} &`;
+                return result.replace(/&(\S+)/, ":merge(.group)$1 &");
             });
         }
         for (let [variantName2, state2] of pseudoVariants){
             addVariant(`peer-${variantName2}`, (ctx)=>{
                 let result = typeof state2 === "function" ? state2(ctx) : state2;
-                return `:merge(.peer)${result} ~ &`;
+                return result.replace(/&(\S+)/, ":merge(.peer)$1 ~ &");
             });
         }
     },
@@ -214,7 +234,7 @@ let variantPlugins = {
         addVariant("motion-reduce", "@media (prefers-reduced-motion: reduce)");
     },
     darkVariants: ({ config , addVariant  })=>{
-        let [mode] = [].concat(config("darkMode", "media"));
+        let [mode, className = ".dark"] = [].concat(config("darkMode", "media"));
         if (mode === false) {
             mode = "media";
             _log.default.warn("darkmode-false", [
@@ -224,10 +244,8 @@ let variantPlugins = {
             ]);
         }
         if (mode === "class") {
-            addVariant("dark", `.dark &`);
-        /*
-      addVariant('dark', `${className} &`)
-      */ } else if (mode === "media") {
+            addVariant("dark", `${className} &`);
+        } else if (mode === "media") {
             addVariant("dark", "@media (prefers-color-scheme: dark)");
         }
     },
@@ -243,6 +261,10 @@ let variantPlugins = {
     orientationVariants: ({ addVariant  })=>{
         addVariant("portrait", "@media (orientation: portrait)");
         addVariant("landscape", "@media (orientation: landscape)");
+    },
+    prefersContrastVariants: ({ addVariant  })=>{
+        addVariant("contrast-more", "@media (prefers-contrast: more)");
+        addVariant("contrast-less", "@media (prefers-contrast: less)");
     }
 };
 exports.variantPlugins = variantPlugins;
@@ -288,10 +310,7 @@ let corePlugins = {
     },
     container: (()=>{
         function extractMinWidths(breakpoints = []) {
-            return breakpoints.flatMap((breakpoint1)=>breakpoint1.values.map((breakpoint)=>breakpoint.min
-                )
-            ).filter((v)=>v !== undefined
-            );
+            return breakpoints.flatMap((breakpoint1)=>breakpoint1.values.map((breakpoint)=>breakpoint.min)).filter((v)=>v !== undefined);
         }
         function mapMinWidthsToPadding(minWidths, screens, paddings) {
             if (typeof paddings === "undefined") {
@@ -333,8 +352,7 @@ let corePlugins = {
             let minWidths = extractMinWidths(screens);
             let paddings = mapMinWidthsToPadding(minWidths, screens, theme("container.padding"));
             let generatePaddingFor = (minWidth)=>{
-                let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth
-                );
+                let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth);
                 if (!paddingConfig) {
                     return {};
                 }
@@ -343,16 +361,14 @@ let corePlugins = {
                     paddingLeft: paddingConfig.padding
                 };
             };
-            let atRules = Array.from(new Set(minWidths.slice().sort((a, z)=>parseInt(a) - parseInt(z)
-            ))).map((minWidth)=>({
+            let atRules = Array.from(new Set(minWidths.slice().sort((a, z)=>parseInt(a) - parseInt(z)))).map((minWidth)=>({
                     [`@media (min-width: ${minWidth})`]: {
                         ".container": {
                             "max-width": minWidth,
                             ...generatePaddingFor(minWidth)
                         }
                     }
-                })
-            );
+                }));
             addComponents([
                 {
                     ".container": Object.assign({
@@ -827,42 +843,39 @@ let corePlugins = {
             }
         });
     },
-    /*
-  borderSpacing: ({ addDefaults, matchUtilities, theme }) => {
-    addDefaults('border-spacing', {
-      '--tw-border-spacing-x': 0,
-      '--tw-border-spacing-y': 0,
-    })
-
-    matchUtilities(
-      {
-        'border-spacing': (value) => {
-          return {
-            '--tw-border-spacing-x': value,
-            '--tw-border-spacing-y': value,
-            '@defaults border-spacing': {},
-            'border-spacing': 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',
-          }
-        },
-        'border-spacing-x': (value) => {
-          return {
-            '--tw-border-spacing-x': value,
-            '@defaults border-spacing': {},
-            'border-spacing': 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',
-          }
-        },
-        'border-spacing-y': (value) => {
-          return {
-            '--tw-border-spacing-y': value,
-            '@defaults border-spacing': {},
-            'border-spacing': 'var(--tw-border-spacing-x) var(--tw-border-spacing-y)',
-          }
-        },
-      },
-      { values: theme('borderSpacing') }
-    )
-  },
-  */ transformOrigin: (0, _createUtilityPlugin).default("transformOrigin", [
+    borderSpacing: ({ addDefaults , matchUtilities , theme  })=>{
+        addDefaults("border-spacing", {
+            "--tw-border-spacing-x": 0,
+            "--tw-border-spacing-y": 0
+        });
+        matchUtilities({
+            "border-spacing": (value)=>{
+                return {
+                    "--tw-border-spacing-x": value,
+                    "--tw-border-spacing-y": value,
+                    "@defaults border-spacing": {},
+                    "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
+                };
+            },
+            "border-spacing-x": (value)=>{
+                return {
+                    "--tw-border-spacing-x": value,
+                    "@defaults border-spacing": {},
+                    "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
+                };
+            },
+            "border-spacing-y": (value)=>{
+                return {
+                    "--tw-border-spacing-y": value,
+                    "@defaults border-spacing": {},
+                    "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)"
+                };
+            }
+        }, {
+            values: theme("borderSpacing")
+        });
+    },
+    transformOrigin: (0, _createUtilityPlugin).default("transformOrigin", [
         [
             "origin",
             [
@@ -1032,8 +1045,7 @@ let corePlugins = {
         });
     },
     animation: ({ matchUtilities , theme , config  })=>{
-        let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName).default(name)}`
-        ;
+        let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName).default(name)}`;
         var ref;
         let keyframes = Object.fromEntries(Object.entries((ref = theme("keyframes")) !== null && ref !== void 0 ? ref : {}).map(([key, value])=>{
             return [
@@ -1047,8 +1059,7 @@ let corePlugins = {
             animate: (value1)=>{
                 let animations = (0, _parseAnimationValue).default(value1);
                 return [
-                    ...animations.flatMap((animation)=>keyframes[animation.name]
-                    ),
+                    ...animations.flatMap((animation)=>keyframes[animation.name]),
                     {
                         animation: animations.map(({ name , value  })=>{
                             if (name === undefined || keyframes[name] === undefined) {
@@ -1427,6 +1438,9 @@ let corePlugins = {
             ".grid-flow-col": {
                 gridAutoFlow: "column"
             },
+            ".grid-flow-dense": {
+                gridAutoFlow: "dense"
+            },
             ".grid-flow-row-dense": {
                 gridAutoFlow: "row dense"
             },
@@ -1745,8 +1759,7 @@ let corePlugins = {
                 };
             }
         }, {
-            values: (({ DEFAULT: _ , ...colors })=>colors
-            )((0, _flattenColorPalette).default(theme("divideColor"))),
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette).default(theme("divideColor"))),
             type: "color"
         });
     },
@@ -2148,8 +2161,7 @@ let corePlugins = {
                 });
             }
         }, {
-            values: (({ DEFAULT: _ , ...colors })=>colors
-            )((0, _flattenColorPalette).default(theme("borderColor"))),
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette).default(theme("borderColor"))),
             type: [
                 "color"
             ]
@@ -2188,8 +2200,7 @@ let corePlugins = {
                 });
             }
         }, {
-            values: (({ DEFAULT: _ , ...colors })=>colors
-            )((0, _flattenColorPalette).default(theme("borderColor"))),
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette).default(theme("borderColor"))),
             type: "color"
         });
         matchUtilities({
@@ -2242,8 +2253,7 @@ let corePlugins = {
                 });
             }
         }, {
-            values: (({ DEFAULT: _ , ...colors })=>colors
-            )((0, _flattenColorPalette).default(theme("borderColor"))),
+            values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette).default(theme("borderColor"))),
             type: "color"
         });
     },
@@ -2313,7 +2323,8 @@ let corePlugins = {
                     let transparentToValue = transparentTo(value);
                     return {
                         "--tw-gradient-from": (0, _toColorValue).default(value, "from"),
-                        "--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to, ${transparentToValue})`
+                        "--tw-gradient-to": transparentToValue,
+                        "--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to)`
                     };
                 }
             }, options);
@@ -2321,7 +2332,8 @@ let corePlugins = {
                 via: (value)=>{
                     let transparentToValue = transparentTo(value);
                     return {
-                        "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue).default(value, "via")}, var(--tw-gradient-to, ${transparentToValue})`
+                        "--tw-gradient-to": transparentToValue,
+                        "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue).default(value, "via")}, var(--tw-gradient-to)`
                     };
                 }
             }, options);
@@ -2573,6 +2585,12 @@ let corePlugins = {
             },
             ".text-justify": {
                 "text-align": "justify"
+            },
+            ".text-start": {
+                "text-align": "start"
+            },
+            ".text-end": {
+                "text-align": "end"
             }
         });
     },
@@ -3066,6 +3084,9 @@ let corePlugins = {
             },
             ".mix-blend-luminosity": {
                 "mix-blend-mode": "luminosity"
+            },
+            ".mix-blend-plus-lighter": {
+                "mix-blend-mode": "plus-lighter"
             }
         });
     },
@@ -3189,11 +3210,18 @@ let corePlugins = {
             ]
         });
     },
-    ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme  })=>{
-        let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5");
-        let ringColorDefault = (0, _withAlphaVariable).withAlphaValue(/*
-      theme('ringColor')?.DEFAULT,
-      */ theme("ringColor.DEFAULT"), ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
+    ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme , config  })=>{
+        let ringColorDefault = (()=>{
+            var ref, ref1;
+            if ((0, _featureFlags).flagEnabled(config(), "respectDefaultRingColorOpacity")) {
+                return theme("ringColor.DEFAULT");
+            }
+            let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5");
+            if (!((ref = theme("ringColor")) === null || ref === void 0 ? void 0 : ref.DEFAULT)) {
+                return `rgb(147 197 253 / ${ringOpacityDefault})`;
+            }
+            return (0, _withAlphaVariable).withAlphaValue((ref1 = theme("ringColor")) === null || ref1 === void 0 ? void 0 : ref1.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
+        })();
         addDefaults("ring-width", {
             "--tw-ring-inset": " ",
             "--tw-ring-offset-width": theme("ringOffsetWidth.DEFAULT", "0px"),
@@ -3243,21 +3271,23 @@ let corePlugins = {
                 });
             }
         }, {
-            values: Object.fromEntries(Object.entries((0, _flattenColorPalette).default(theme("ringColor"))).filter(([modifier])=>modifier !== "DEFAULT"
-            )),
+            values: Object.fromEntries(Object.entries((0, _flattenColorPalette).default(theme("ringColor"))).filter(([modifier])=>modifier !== "DEFAULT")),
             type: "color"
         });
     },
-    ringOpacity: (0, _createUtilityPlugin).default("ringOpacity", [
-        [
-            "ring-opacity",
+    ringOpacity: (helpers)=>{
+        let { config  } = helpers;
+        return (0, _createUtilityPlugin).default("ringOpacity", [
             [
-                "--tw-ring-opacity"
+                "ring-opacity",
+                [
+                    "--tw-ring-opacity"
+                ]
             ]
-        ]
-    ], {
-        filterDefault: true
-    }),
+        ], {
+            filterDefault: !(0, _featureFlags).flagEnabled(config(), "respectDefaultRingColorOpacity")
+        })(helpers);
+    },
     ringOffsetWidth: (0, _createUtilityPlugin).default("ringOffsetWidth", [
         [
             "ring-offset",
@@ -3323,8 +3353,7 @@ let corePlugins = {
         matchUtilities({
             "drop-shadow": (value)=>{
                 return {
-                    "--tw-drop-shadow": Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`
-                    ).join(" ") : `drop-shadow(${value})`,
+                    "--tw-drop-shadow": Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`).join(" ") : `drop-shadow(${value})`,
                     "@defaults filter": {},
                     filter: cssFilterValue
                 };

package/lib/css/preflight.css

@@ -160,6 +160,7 @@ select,
 textarea {
   font-family: inherit; /* 1 */
   font-size: 100%; /* 1 */
+  font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
   color: inherit; /* 1 */
   margin: 0; /* 2 */
@@ -357,11 +358,3 @@ video {
   max-width: 100%;
   height: auto;
 }
-
-/*
-Ensure the default browser behavior of the `hidden` attribute.
-*/
-
-[hidden] {
-  display: none;
-}

package/lib/featureFlags.js

@@ -16,9 +16,13 @@ let defaults = {
     optimizeUniversalDefaults: false
 };
 let featureFlags = {
-    future: [],
+    future: [
+        "hoverOnlyWhenSupported",
+        "respectDefaultRingColorOpacity"
+    ],
     experimental: [
-        "optimizeUniversalDefaults"
+        "optimizeUniversalDefaults",
+        "matchVariant" /* , 'variantGrouping' */ 
     ]
 };
 function flagEnabled(config, flag) {
@@ -39,16 +43,14 @@ function experimentalFlagsEnabled(config) {
         return featureFlags.experimental;
     }
     var ref;
-    return Object.keys((ref = config === null || config === void 0 ? void 0 : config.experimental) !== null && ref !== void 0 ? ref : {}).filter((flag)=>featureFlags.experimental.includes(flag) && config.experimental[flag]
-    );
+    return Object.keys((ref = config === null || config === void 0 ? void 0 : config.experimental) !== null && ref !== void 0 ? ref : {}).filter((flag)=>featureFlags.experimental.includes(flag) && config.experimental[flag]);
 }
 function issueFlagNotices(config) {
     if (process.env.JEST_WORKER_ID !== undefined) {
         return;
     }
     if (experimentalFlagsEnabled(config).length > 0) {
-        let changes = experimentalFlagsEnabled(config).map((s)=>_picocolors.default.yellow(s)
-        ).join(", ");
+        let changes = experimentalFlagsEnabled(config).map((s)=>_picocolors.default.yellow(s)).join(", ");
         _log.default.warn("experimental-flags-enabled", [
             `You have enabled experimental features: ${changes}`,
             "Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time.", 

package/lib/index.js

@@ -18,19 +18,16 @@ module.exports = function tailwindcss(configOrPath) {
             },
             function(root, result) {
                 let context = (0, _setupTrackingContext).default(configOrPath);
-                /*
-        if (root.type === 'document') {
-          let roots = root.nodes.filter((node) => node.type === 'root')
-
-          for (const root of roots) {
-            if (root.type === 'root') {
-              processTailwindFeatures(context)(root, result)
-            }
-          }
-
-          return
-        }
-        */ (0, _processTailwindFeatures).default(context)(root, result);
+                if (root.type === "document") {
+                    let roots = root.nodes.filter((node)=>node.type === "root");
+                    for (const root1 of roots){
+                        if (root1.type === "root") {
+                            (0, _processTailwindFeatures).default(context)(root1, result);
+                        }
+                    }
+                    return;
+                }
+                (0, _processTailwindFeatures).default(context)(root, result);
             },
             _sharedState.env.DEBUG && function(root) {
                 console.timeEnd("JIT TOTAL");

package/lib/lib/cacheInvalidation.js

@@ -10,26 +10,44 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
+function _getRequireWildcardCache() {
+    if (typeof WeakMap !== "function") return null;
+    var cache = new WeakMap();
+    _getRequireWildcardCache = function() {
+        return cache;
+    };
+    return cache;
+}
 function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
-    } else {
-        var newObj = {};
-        if (obj != null) {
-            for(var key in obj){
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache();
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
             }
         }
-        newObj.default = obj;
-        return newObj;
     }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
 }
 /**
  * Calculate the hash of a string.

package/lib/lib/collapseAdjacentRules.js

@@ -19,9 +19,11 @@ function collapseAdjacentRules() {
             var _property, _property1;
             if (node.type === "atrule" && node.name === "font-face") {
                 currentRule = node;
-            } else if (properties.every((property)=>((_property = node[property]) !== null && _property !== void 0 ? _property : "").replace(/\s+/g, " ") === ((_property1 = currentRule[property]) !== null && _property1 !== void 0 ? _property1 : "").replace(/\s+/g, " ")
-            )) {
-                currentRule.append(node.nodes);
+            } else if (properties.every((property)=>((_property = node[property]) !== null && _property !== void 0 ? _property : "").replace(/\s+/g, " ") === ((_property1 = currentRule[property]) !== null && _property1 !== void 0 ? _property1 : "").replace(/\s+/g, " "))) {
+                // An AtRule may not have children (for example if we encounter duplicate @import url(…) rules)
+                if (node.nodes) {
+                    currentRule.append(node.nodes);
+                }
                 node.remove();
             } else {
                 currentRule = node;