chore(deps): update css-loader, remove redundant deps (#7739)

* chore(deps): update css-loader, remove redundant deps

* resolve conflicts

Author: avivkeller

apps/site/package.json

@@ -60,9 +60,7 @@
     "next": "15.3.1",
     "next-intl": "~4.1.0",
     "next-themes": "~0.4.6",
-    "postcss": "~8.5.3",
     "postcss-calc": "~10.1.1",
-    "postcss-loader": "~8.1.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "reading-time": "~1.5.0",

packages/ui-components/.storybook/main.ts

@@ -1,9 +1,5 @@
-import { createRequire } from 'node:module';
-
 import type { StorybookConfig } from '@storybook/react-webpack5';
 
-const require = createRequire(import.meta.url);
-
 const config: StorybookConfig = {
   stories: ['../**/*.stories.tsx'],
   logLevel: 'error',
@@ -28,13 +24,12 @@ const config: StorybookConfig = {
               'style-loader',
               {
                 loader: 'css-loader',
-                options: { importLoaders: 1 },
-              },
-              {
-                // Gets options from `postcss.config.js` in your project root
-                loader: 'postcss-loader',
-                options: { implementation: require.resolve('postcss') },
+                options: {
+                  esModule: false,
+                  importLoaders: 1,
+                },
               },
+              'postcss-loader',
             ],
           },
         ],

packages/ui-components/package.json

@@ -61,7 +61,7 @@
     "@types/node": "22.15.3",
     "@types/react": "^19.1.0",
     "cross-env": "^7.0.3",
-    "css-loader": "~6.11.0",
+    "css-loader": "~7.1.2",
     "eslint-plugin-react": "~7.37.4",
     "eslint-plugin-storybook": "~0.12.0",
     "global-jsdom": "^26.0.0",