[Feature]: Provide a tailwind preset

[BarakChamo]

What problem does this feature solve?

The current setup process is quite messy, having to copy and paste a large tailwind configuration and merge it into existing setups that may clash with other libraries.

Having now integrated tremor with a shadcn/ui project using tailwind presets, I think it would be helpful to provide a default preset and offer documentation on how to overwrite / customize colors.

This will also allow to resolve issues with content when using tremor in monorepos with no hoisting (like when using bun).

This is the preset that works for me with the latest version of tremor:

Tailwind preset

import { dirname } from 'node:path'
import headlessUITW from '@headlessui/tailwindcss'
import tailwindForms from '@tailwindcss/forms'
import type { Config } from 'tailwindcss'
import colors from 'tailwindcss/colors'

// absolute path to fix monorepo content mapping
const contentPath = `${dirname(require.resolve('@tremor/react/package.json'))}/**/*.{js,ts,jsx,tsx}`

const config: Config = {
	content: [contentPath],
	theme: {
		extend: {
                    ...
		},
	},
	safelist: [...],
	plugins: [headlessUiTwPlugin, tailwindFormsPlugin],
}

export default config

Using the preset

This is how I'm using this preset alongside other custom presets:

import { default as uiPreset } from '@this/ui/presets/ui'
import { default as chartsPreset } from '@this/ui/presets/tremor'

const config: Config = {
	darkMode: 'media',
	// TW overwrites content, so must be listed again
	content: [...(uiPreset.content as string[]), ...(chartsPreset.content as string[]), './src/**/*.{js,ts,jsx,tsx}'],
	presets: [uiPreset, chartsPreset],
}

Folks can then extend as they wish since extends are merged, but without having to copy all the boilerplate.

What does the proposed API look like?

No response