Switch to new component variants API

Author: adamwathan

package.json

@@ -14,7 +14,7 @@
     "prepare": "node scripts/build.js"
   },
   "peerDependencies": {
-    "tailwindcss": "^1.0"
+    "tailwindcss": "^1.5.0"
   },
   "devDependencies": {
     "@mdx-js/loader": "^1.0.19",
@@ -29,6 +29,6 @@
     "postcss": "^7.0.17",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "tailwindcss": "^1.4.6"
+    "tailwindcss": "^1.5"
   }
 }

src/index.js

@@ -22,8 +22,8 @@ module.exports = plugin.withOptions(
     return function ({ addComponents, theme, variants }) {
       const config = theme('typography', {})
 
-      addComponents({
-        [`@variants ${variants('typography').join(', ')}`]: [
+      addComponents(
+        [
           {
             '.prose': merge(...castArray(styles.default.css), configToCss(config.default || {})),
           },
@@ -39,7 +39,8 @@ module.exports = plugin.withOptions(
               [`.prose-${modifier}`]: configToCss(config[modifier]),
             })),
         ],
-      })
+        variants('typography')
+      )
     }
   },
   () => ({ variants: { typography: ['responsive'] } })

yarn.lock

@@ -1917,7 +1917,7 @@ chalk@^2.0.0, chalk@^2.4.1, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^4.0.0:
+"chalk@^3.0.0 || ^4.0.0":
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
   integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
@@ -5807,16 +5807,16 @@ svgo@^1.0.0:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
-tailwindcss@^1.4.6:
-  version "1.4.6"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.4.6.tgz#17b37166ccda08d7e7f9ca995ea48ce1e0089700"
-  integrity sha512-qV0qInUq1FWih39Bc5CWECdgObSzRrbjGD4ke4kAPSIq6WXrPhv0wwOcUWJgJ66ltT9j+XnSRYikG8WNRU/fTQ==
+tailwindcss@^1.5:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-1.5.0.tgz#c36bd1574db70499b1f582a305a945defb704df0"
+  integrity sha512-c2l1rXfePM7PR6SPwDYDrKoejhl0LAbiBaX51EVz3nadk3oJ4FpbHGik9Nsb9GAafZRfZ0bIXlFsVjVIubrqiQ==
   dependencies:
     "@fullhuman/postcss-purgecss" "^2.1.2"
     autoprefixer "^9.4.5"
     browserslist "^4.12.0"
     bytes "^3.0.0"
-    chalk "^4.0.0"
+    chalk "^3.0.0 || ^4.0.0"
     color "^3.1.2"
     detective "^5.2.0"
     fs-extra "^8.0.0"