Angular 14 - Getting SASS errors unterminated errors at line 17

Question

We recently migrated from Angular v9 to Angular v14.

The project runs fine when we do ng serve but when we are trying to build the application using ng build it won't build and gives the below errors:

Error: Transform failed with 1 error: src/app/administration-module/account-settings/add-database-details/add-database-details.component.sass:17:100: ERROR: Unterminated string token

Our latest code attempt:

.execute-box
  width: 25%
  position: fixed
  right: 0
  top: 65px
  background: white
  border: 1px solid black
  overflow-y: scroll
  //bottom: 64px
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.39)
  border: solid 1px #c8c8c8
  background-color: #ffffff

.custom-checkbox .custom-control-label::before
  width: 18.6px
  height: 18px
  border-radius: 2px
  border: solid 1px #707070
  background-color: #ffffff

Steps we've tried to solve the issue:

• Installed/uninstalled node-sass
• Re-wrote the parts of the code mentioned in the error with the proper syntax of sass (the latest code mentioned above)
• Re-installed Node modules
• Downgraded and upgraded the node-sass version