Only wrap with variants if rules don't already contain any variants

src/util/wrapWithVariants.js

@@ -2,6 +2,16 @@ import postcss from 'postcss'
 import cloneNodes from './cloneNodes'
 
 export default function wrapWithVariants(rules, variants) {
+  let foundVariantAtRule = false
+
+  postcss.root({ nodes: rules }).walkAtRules('variants', () => {
+    foundVariantAtRule = true
+  })
+
+  if (foundVariantAtRule) {
+    return cloneNodes(rules)
+  }
+
   return postcss
     .atRule({
       name: 'variants',