Add support for less variables and using a custom theme

web/package.json

@@ -22,6 +22,7 @@
     "lodash": "4.17.21",
     "markdown-it": "12.3.2",
     "next": "^12.1.5",
+    "next-with-less": "^2.0.5",
     "postcss-flexbugs-fixes": "^5.0.2",
     "prop-types": "15.8.1",
     "rc-overflow": "1.2.4",
@@ -41,6 +42,8 @@
     "@storybook/addon-interactions": "^6.4.22",
     "@storybook/addon-links": "^6.4.22",
     "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/builder-webpack5": "^6.4.22",
+    "@storybook/manager-webpack5": "^6.4.22",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/testing-library": "^0.0.9",
     "@types/chart.js": "2.9.35",
@@ -54,7 +57,7 @@
     "@typescript-eslint/eslint-plugin": "5.10.2",
     "@typescript-eslint/parser": "5.10.2",
     "babel-loader": "^8.2.4",
-    "css-loader": "^5.2.6",
+    "css-loader": "^5.2.7",
     "eslint": "8.8.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-next": "12.0.10",
@@ -66,11 +69,14 @@
     "eslint-plugin-react-hooks": "4.3.0",
     "eslint-plugin-storybook": "^0.5.10",
     "html-webpack-plugin": "^5.5.0",
+    "less": "^4.1.2",
+    "less-loader": "^10.2.0",
     "prettier": "2.5.1",
     "sass": "^1.50.0",
     "sass-loader": "^10.1.1",
     "sb": "^6.4.22",
+    "storybook-preset-less": "^1.1.2",
     "style-loader": "^2.0.0",
     "typescript": "4.5.5"
   }
-}
+}