liquidifyPreset relaciona los valores de tema de Tailwind con las variables CSS de Liquidify. No instala Tailwind ni registra plugins.

import { liquidifyPreset } from "@liquidify/tokens/tailwind-preset"

export default {
  presets: [liquidifyPreset],
  content: ["./src/**/*.{js,ts,jsx,tsx}"],
}

Importa las variables una vez:

import "@liquidify/tokens/variables.css"

El preset amplía colores, espacios, radios, familias y tamaños de fuente. Utilidades como bg-bg-secondary, text-label y rounded-pill usan var(--lq-*), por lo que responden al tema y la plataforma.

Extiende el preset en lugar de copiar sus valores resueltos a otro tema. Así evitas diferencias entre los componentes y las utilidades de la aplicación.