Some CSS seemingly to being applied after v4 upgrade

<div class="flex gap-2 items-center justify-center">
    <img class="h-8 flex-1" src="{{ asset('assets/logo.png') }}" />
    <h2 class="font-bold">CNFCPP Pay</h2>
</div>

{
    "devDependencies": {
        "@tailwindcss/forms": "^0.5.7",
        "@tailwindcss/typography": "^0.5.13",
        "autoprefixer": "^10.4.19",
        "laravel-vite-plugin": "^1.0",
        "postcss": "^8.4.39",
        "postcss-nesting": "^12.1.5",
        "prettier": "^3.3.2",
        "tailwindcss": "^3.4.4",
        "vite": "^5.0"
    }
}

{
    "private": true,
    "type": "module",
    "scripts": {
        "dev": "vite",
        "build": "vite build"
    },
    "devDependencies": {
        "@tailwindcss/forms": "^0.5.7",
        "@tailwindcss/typography": "^0.5.13",
        "autoprefixer": "^10.4.19",
        "laravel-vite-plugin": "^1.0",
        "postcss": "^8.4.39",
        "postcss-nesting": "^12.1.5",
        "prettier": "^3.3.2",
        "tailwindcss": "^3.4.4",
        "vite": "^5.0"
    }
}

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