Warn when used in Tailwind CSS v3.3+ (tailwindlabs#26)

* warn when Tailwind CSS v3.3+ is used

* highlight it with red

To make @reinink happy

Author: RobinMalfait

package-lock.json

@@ -30,5 +30,8 @@
     "setupFilesAfterEnv": [
       "<rootDir>/jest/customMatchers.js"
     ]
+  },
+  "dependencies": {
+    "semver": "^7.3.8"
   }
 }

package.json

@@ -1,3 +1,5 @@
+const semver = require('semver')
+const tailwindPkg = require('tailwindcss/package.json')
 const plugin = require('tailwindcss/plugin')
 
 const baseStyles = {
@@ -8,6 +10,17 @@ const baseStyles = {
 
 const lineClamp = plugin(
   function ({ matchUtilities, addUtilities, theme, variants }) {
+    if (semver.gte(tailwindPkg.version, '3.3.0')) {
+      console.log(
+        `\u001b[31m${[
+          'As of Tailwind CSS v3.3, the `@tailwindcss/line-clamp` plugin is now included by default.',
+          'Remove it from the `plugins` array in your configuration to eliminate this warning.',
+        ].join('\n')}\u001b[0m`
+      )
+
+      return
+    }
+
     const values = theme('lineClamp')
 
     matchUtilities(