fix: bg-center mark as conflicting with bg-[image:xxx]

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',

tests/lib/rules/no-contradicting-classname.js

@@ -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: [