[FOUR-8126] Recompiling Mix fails on instance when colors have been customized

[ryancooley]

Issue & Reproduction Steps

Steps to Reproduce

1. Run npm run prod or npm run dev on a clean install with no custom CSS colors, ensuring that it runs as expected
2. Visit /admin/customize-ui
3. Change some of the default colors and click save, allowing the CSS to regenerate
4. Run npm run prod or npm run dev again

Current Behavior

The build fails with the following error:

SassError: Undefined variable.
  ╷
6 │   color: $darkneutral;
  │          ^^^^^^^^^^^^

Expected Behavior

The build should complete without error.

Solution

• Removed the color variables that were added to support the new Import/Export functionality from the _colors.scss file and moved them to the _variables.scss file. Since the Customize UI functionality was replacing the _colors.scss file without those new colors in it, the build would fail. Now, those color variables exist regardless of the status of the _colors.scss file, so the build runs as expected.
• During testing it was also discovered that the default colors presented on the Customize UI page were based on the old default colors which have since changed. So those were updated as well.

Related Tickets & Packages

• https://processmaker.atlassian.net/browse/FOUR-8126

Code Review Checklist

• I have pulled this code locally and tested it on my instance, along with any associated packages.
• This code adheres to ProcessMaker Coding Guidelines.
• This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
• This solution fixes the bug reported in the original ticket.
• This solution does not alter the expected output of a component in a way that would break existing Processes.
• This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• This ticket conforms to the PRD associated with this part of ProcessMaker.

[agustinbusso]

I could compile after the changes. Colors of the new version are correctly applied after using "reset" functionality