The issue is most likely that hover:!bg-white isn't working because tailwind doesn't support !important

Instead to make sure it works you can try to do this:

module.exports = {
  important: true,
  theme: {
    colors: {
      white: "#ffffff",
    },
  },
};