[Feature] - Provide an alternative to Tailwind Preset for users that don't use Tailwind

[aAmorim27]

What problem does this feature solve?

Currently the only way to get access to the design system foundation (colors, spacers, breakpoints, etc.) is by using the Tailwind Preset included in the library. But it may occur that some projects aren't using Tailwind and may want to have access to the design system foundation. It may be great to provide a way to access the design system foundation without Tailwind CSS

What is your idea for solve this issue

We can export CSS Design tokens by defining CSS custom properties (variables)
The values of the variables will be linked to the Tailwind CSS config file by using the theme() function to maintain the values in one place