Remove SCSS preprocessor

[devenini]

Summary

This PR removes SCSS from the project and switches to using Tailwind CSS and PostCSS. All variables are now handled in the Tailwind config, and PostCSS plugins are used to cover SCSS-like features such as nesting and custom needs. SCSS was also blocking some Tailwind features from being used, so this change makes the setup simpler and more effective.

Another reason for this change is that SCSS keeps updating and deprecating features, which adds extra work to maintain. Since we don’t really need SCSS anymore, removing it makes the project easier to manage.

Changes

• Removed SCSS files and dependencies.
• Updated styles to work with Tailwind CSS and PostCSS.
• Set up PostCSS plugins for nesting and other project-specific features.
• Cleaned up the build and tooling setup.

Benefits

• Makes the project simpler by reducing dependencies.
• Takes full advantage of Tailwind CSS features.
• Cuts down on maintenance work by removing SCSS and its updates.
• PostCSS plugins allow flexibility for any custom styling needs.

For more details on our PostCSS setup, check out the Front-End Helpers repository.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
astro-boilerplate	✅ Ready (Inspect)	Visit Preview	Jan 8, 2025 8:18pm

[devenini]

Forgot to mention that it will also fix #18