feat(FE): switch to sass

Author: Manuel Proß

web/package-lock.json

@@ -27,6 +27,7 @@
     "eslint-plugin-import-helpers": "^1.3.1",
     "postcss": "^8",
     "postcss-import": "^16.0.0",
+    "sass": "^1.70.0",
     "tailwindcss": "^3",
     "typescript": "^5"
   }

web/package.json

@@ -1,6 +1,6 @@
 import { Inter } from 'next/font/google';
 import type { Metadata } from 'next';
-import '../styles/globals.css';
+import '../styles/globals.scss';
 import Layout from '@/components/Layout/Layout';
 
 const inter = Inter({ subsets: ['latin'] });

web/src/app/layout.tsx

@@ -1,4 +1,4 @@
-@import './components.css';
+@import './components.scss';
 @tailwind base;
 @tailwind components;
 @tailwind utilities;