chore(packaging): enable watch mode sass compilation in dev server (#639)

Author: wise-king-sullyman

package.json

@@ -18,7 +18,7 @@
     "cypress:run:ci:cp": "cypress run --component",
     "cypress:run:e2e": "cypress run --headless",
     "cypress:run:ci:e2e": "start-server-and-test start http://localhost:8006 cypress:run:e2e",
-    "start": "concurrently \"npm run build:watch\" \"npx wait-on packages/module/dist && npm run docs:develop -w @patternfly/chatbot\"",
+    "start": "concurrently \"npm run build:css:watch -w @patternfly/chatbot\" \"npm run build:watch\" \"npx wait-on packages/module/dist/esm packages/module/dist/css/main.css && npm run docs:develop -w @patternfly/chatbot\"",
     "serve:docs": "npm run docs:serve -w @patternfly/chatbot",
     "clean": "npm run clean -w @patternfly/chatbot",
     "lint:js": "node --max-old-space-size=4096 node_modules/.bin/eslint packages --ext js,jsx,ts,tsx --cache",

packages/module/package.json

@@ -5,12 +5,14 @@
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "scripts": {
-    "build": "sass src/main.scss dist/css/main.css && npm run build:index && npm run build:js && npm run build:esm && npm run build:fed:packages",
+    "build": "npm run build:css && npm run build:index && npm run build:js && npm run build:esm && npm run build:fed:packages",
     "build:watch": "npm run build:js && npm run build:esm -- --watch && npm run build:fed:packages -- --watch",
     "build:esm": "tsc --build --verbose ./tsconfig.json",
     "build:fed:packages": "node generate-fed-package-json.js",
     "build:js": "tsc -p tsconfig.cjs.json",
     "build:index": "node generate-index.js",
+    "build:css": "sass src/main.scss dist/css/main.css",
+    "build:css:watch": "sass src/main.scss dist/css/main.css --watch",
     "clean": "rimraf dist",
     "docs:develop": "pf-docs-framework start",
     "docs:build": "pf-docs-framework build all --output public",