use toMatchSnapshot instead of toMatchFormattedCss

More info: #12170

Author: RobinMalfait

Diff for: tests/plugins/variants/__snapshots__/invertedColorsVariants.test.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should test the 'invertedColorsVariants' plugin 1`] = `
+"
+@media (inverted-colors: inverted) {
+  .inverted-colors\\:flex {
+    display: flex;
+  }
+}
+"
+`;

Diff for: tests/plugins/variants/invertedColorsVariants.test.js

@@ -1,9 +1,3 @@
-import { css, quickVariantPluginTest } from '../../util/run'
+import { quickVariantPluginTest } from '../../util/run'
 
-quickVariantPluginTest('invertedColorsVariants').toMatchFormattedCss(css`
-  @media (inverted-colors: inverted) {
-    .inverted-colors\:flex {
-      display: flex;
-    }
-  }
-`)
+quickVariantPluginTest('invertedColorsVariants').toMatchSnapshot()