[BUG] Arbitary bg-[size] and bg-[position] will cause a no-contradicting-classname error

[robcaldecott]

Describe the bug
When using two arbitary bg class names the plugin generates a tailwindcss/no-contradicting-classname error.

For example:

<div className="bg-[size:20px_20px] bg-[position:right_16px_center]" />

This is valid and will generate:

background-size: 20px 20px;
background-position: right 16px center;

Expected behavior
This lint error should not appear.

Screenshots

Environment (please complete the following information):

• OS: macOS
• Softwares + version used:
  • VS Code version: 1.87.0
  • eslint-plugin-tailwindcss v3.14.3