eger w-32 yerine !w-32 yazarsan çalışır ancak tailwind'de bu durumu engellemek için özel yazılan class'ları @layer
içinde yazmamızı istiyor tam da bu gibi durumlar için. Yani şöyle yazarsan:

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .event-button-secondary {
        height: 114px;
        max-width: 420px;
        @apply rounded-lg font-inter text-base-bold border-none bg-event-text-300 text-event-text-200 hover:bg-event-text-300 hover:text-event-text-200;
    }
}

sorunsuz çalışır.