CI fails due to `node-sass` incompatibility with Node.js `v22.x`

[JayaShakthi97]

Describe the issue: The CI pipeline is failing due to incompatibility between the latest LTS version of Node.js (v22.x) and the version of node-sass currently in use (v8.x). According to the node-sass Node Version Support Policy, node-sass@8.x is not compatible with Node.js v22, resulting in failures during dependency installation.

How to reproduce:

• Raise a PR to the main branch and observe the pr-builder.
• Ref: https://github.com/wso2/oxygen-ui/actions/runs/11687507686/job/32545767181?pr=303

Expected behavior:

• pr-builder to run without any issues.

Additional context :

• Affected Package:
  • [ ] @oxygen-ui/logger
  • [ ] @oxygen-ui/primitives
  • [ ] @oxygen-ui/react
  • [ ] @oxygen-ui/react-icons
• Library Version: [e.g., 1.10.0, 2.0.0-alpha]
• OS:
  • [ ] Windows
  • [ ] Linux
  • [ ] Mac
  • [ ] Other
• Browser:
  • [ ] Google Chrome
  • [ ] Firefox
  • [ ] Safari
  • [ ] Microsoft Edge
  • [ ] Brave
  • [ ] Opera
  • [ ] Other

---

Optional Fields

Related issues:

Suggested labels:

[JayaShakthi97]

Proposed Solutions

1. Upgrade node-sass (if possible): Check if a newer version of node-sass (if available) supports Node.js v22. Update to that version if feasible.
2. Switch to sass (Dart Sass): Consider replacing node-sass with sass (Dart Sass), which is compatible with all Node.js versions and does not require native bindings.
3. Pin Node.js Version: Temporarily pin the Node.js version in CI to an older LTS version (e.g., Node v18) that is compatible with node-sass@8.x. This will unblock the CI pipeline until an alternative solution is implemented.

[JayaShakthi97]

Stick the node version in CI

• https://github.com/wso2/oxygen-ui/pull/305