data-flux-modal is not working

[BubeDameKoenig]

It looks to me as if the values from [data-flux-modal] are not being transferred to the <dialog>.

[data-flux-modal] {
    @apply !text-red-500 !font-normal;
}

<flux:modal name="test" class="md:max-w-lg">
    Test
</flux:modal>

[ju5t]

When you're using @apply you should probably use !important rather than prefixing Tailwind classes. The prefix is for classes you apply inline to an element, @apply is like 'standard' CSS.

Have you tested if that works for you? I can't test it myself at the moment.

[BubeDameKoenig]

This leads to the following error message:
The !importantclass does not exist. If!importantis a custom class, make sure it is defined within a@layer directive.

[ju5t]

Can you share what you did exactly?