refactor(Style): add SASS to reduce style repetition

- Use list, maps and loops to reduce code duplication with small variations
- Use SASS functions for some extreme cases
- Keep native CSS variables to allow overriding/reference in other
  styles

refactor(Style): change css theme variables to SASS

add sass files from catppuccin to the project instead of importing it from NPM

refactor(Style): use SASS functions to reduce code boilerplate

package.json

@@ -17,6 +17,7 @@
     "astro": "^4.0.6",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
+    "sass": "^1.71.1",
     "sharp": "^0.32.6"
   },
   "devDependencies": {