Tailwind V4 + Tanstack Starter with Tailwind Vite instead of postcss

import { defineConfig, mergeConfig } from 'vite';
import { tanstackViteConfig } from '@tanstack/config/vite';
import tailwindcss from "@tailwindcss/vite";
import path from "path"

const config = defineConfig({
  plugins: [tailwindcss()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
      "~": path.resolve(__dirname, "./src"),
    },
  },
});

export default mergeConfig(
  config,
  tanstackViteConfig({
    entry: './src/index.ts',
    srcDir: './src',
  }),
);

import { defineConfig, mergeConfig } from 'vite';
import { tanstackViteConfig } from '@tanstack/config/vite';
import tailwindcss from "@tailwindcss/vite";
import path from "path"

const config = defineConfig({
  plugins: [tailwindcss()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
      "~": path.resolve(__dirname, "./src"),
    },
  },
});

export default mergeConfig(
  config,
  tanstackViteConfig({
    entry: './src/index.ts',
    srcDir: './src',
  }),
);

export default {
  plugins: {
    "@tailwindcss/postcss": {},
  },
}

export default {
  plugins: {
    "@tailwindcss/postcss": {},
  },
}

import appCss from "@/index.css?url"
// tried also import @/index.css

links: [
      {
        rel: 'stylesheet',
        href: appCss,
      },
]

import appCss from "@/index.css?url"
// tried also import @/index.css

links: [
      {
        rel: 'stylesheet',
        href: appCss,
      },
]

@import "tailwindcss";

@import "tailwindcss";