.blur and TailWind's .blur duplicate name

[xxxxue]

Bug description

react-lazy-load-image-component 's .blur and TailWind's .blur duplicate name

To Reproduce

• effect='blur'
• Add important: true in tailwind.config.cjs
• The image is always blurred

important Docs disabling blur

tailwind.config.cjs

module.exports = {
  content: ["./src/**/*.tsx"],
  theme: {
    extend: {},
  },
  plugins: [],

  // add '!important'
  important: true,

  corePlugins: {  
    preflight: false,   
    // blur:false
  },
};

Expected behavior

Compatible with tailwind's important=true

Screenshots https://github.com/Aljullu/react-lazy-load-image-component/blob/470e2191360c0ffc25dfc2d4db4a8b97ff28bba4/src/effects/blur.css#L14

Technical details:

• Package version : 1.5.5
• Server Side Rendering? No
• Device: Desktop
• Operating System : Windows 11
• Browser : Chrome 104