V4 css problem with individual componenst

Hi all!

I set up a fresh new Laravel project using the Livewire Starter Kit. While implementing the styling, I ran into an issue.
According to the documentation, I need to add a few CSS imports to resources/css/app.css. However, one specific import causes an error:

/* Required by actions and infolists */
@import '../../vendor/filament/infolists/resources/css/index.css';

/* Required by actions and infolists */
@import '../../vendor/filament/infolists/resources/css/index.css';

/* Required by actions and infolists */
@import '../../vendor/filament/infolists/resources/css/index.css';

/* Required by actions and infolists */
@import '../../vendor/filament/infolists/resources/css/index.css';

error message (also attached):

[plugin:@tailwindcss/vite:generate:serve] Cannot apply unknown utility class: wrap-break-word

[plugin:@tailwindcss/vite:generate:serve] Cannot apply unknown utility class: wrap-break-word

[plugin:@tailwindcss/vite:generate:serve] Cannot apply unknown utility class: wrap-break-word

[plugin:@tailwindcss/vite:generate:serve] Cannot apply unknown utility class: wrap-break-word

When I comment out this line, everything compiles correctly, but then I'm missing some styling in certain parts of the UI.
I’m using individual Filament components (not the full Filament panel):
https://filamentphp.com/docs/4.x/introduction/installation#configuring-styles

I’m not sure what the correct approach is for Filament v4, and how the UI supposed to look.