How to resolve tailwind not updating in default jestream app

I created my laravel project with laravel new projectName --jet with livewire default.

Assumed that all of the stuff should work out of the box,

Running npm run dev does refresh the pages, but doesn't seem to add styling. Like before with mix it would update the app.css file each time

// tailwind.config.js
const defaultTheme = require("tailwindcss/defaultTheme");

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
        "./vendor/laravel/jetstream/**/*.blade.php",
        "./storage/framework/views/*.php",
        "./resources/views/**/*.blade.php",
    ],

// vite config
import { defineConfig } from 'vite';
import laravel, { refreshPaths } from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
            ],
            refresh: [
                ...refreshPaths,
                'app/Http/Livewire/**',
            ],
        }),
    ],
});

Is there something I am missing with starting a new project? I did npm install, setup migrations etc.

Is there a way I can just force tailwind to run again and get all the new classes?