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

[moshest]

Describe the bug
I want to setup both background image and positioning but I get error of tailwindcss/no-contradicting-classname.

I need to use CSS vartiables as I want the URL to be dynamic (see here).

To Reproduce

Use the following code:

<section
    style={{ '--bg-small': `url(foo.jpg)` } as CSSProperties}
    className={`bg-[image:var(--bg-small)] bg-center`}
  />

Expected behavior
Code should work without an error.

Additional context
bg-[url(...)] with bg-center works fine though.

[francoismassart]

@moshest => npm i [email protected]