No Direct Utility Import

Do not import or reference Tailwind directly in component, part, site, panel, or theme CSS. This includes @import and @reference directives targeting tailwindcss or its package subpaths. Load Tailwind once through the shared core global style entry; component styles may use @apply without importing or referencing Tailwind again.

Correct

@import './parts/media.css';
.virtualTour {
    @apply my-8 w-full;
}

Incorrect

@reference 'tailwindcss';
@import 'tailwindcss';
@import 'tailwindcss/utilities';

Exceptions

• Site and panel core shared global style entry points may load Tailwind.

Fix

Remove the direct Tailwind @import or @reference and use the existing shared core global style entry.