fix: bg-center mark as conflicting with bg-[image:xxx] (#301)

Author: francoismassart

README.md

@@ -40,6 +40,7 @@ You can can the same information on your favorite command line software as well.
 
 ## Latest changelog
 
+- fix: [bg-center mark as conflicting with bg-[image:xxx]](https://github.com/francoismassart/eslint-plugin-tailwindcss/pull/260)
 - feat: [support enforcing truncate shorthand](https://github.com/francoismassart/eslint-plugin-tailwindcss/pull/255) (by [bezbac](https://github.com/bezbac) 🙏)
 - fix: [parsing spreads in object expressions](https://github.com/francoismassart/eslint-plugin-tailwindcss/pull/251) (by [bezbac](https://github.com/bezbac) 🙏)
 - fix: [do not handle non-ASCII whitespace as separator](https://github.com/francoismassart/eslint-plugin-tailwindcss/pull/246) (by [uhyo](https://github.com/uhyo) 🙏)

lib/config/groups.js

@@ -621,7 +621,7 @@ module.exports.groups = [
     members: [
       {
         type: 'Background Image URL',
-        members: 'bg\\-\\[url\\((?<value>${backgroundImageUrl})\\)\\]',
+        members: 'bg\\-\\[(image\\:|url\\()(?<value>${backgroundImageUrl})\\)\\]',
       },
       {
         type: 'Background Attachment',

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-tailwindcss",
-  "version": "3.13.0",
+  "version": "3.13.1-beta.0",
   "description": "Rules enforcing best practices while using Tailwind CSS",
   "keywords": [
     "eslint",

package.json

@@ -295,6 +295,10 @@ ruleTester.run("no-contradicting-classname", rule, {
       code: `
       <div class="bg-[url('/image.jpg')] bg-center">Issue #186</div>`,
     },
+    {
+      code: `
+      <section className="bg-[image:var(--bg-small)] bg-center" />`,
+    },
   ],
 
   invalid: [