WRQ-246: Fix `SpotlightRootDecorator` to not throw errors when non-enact app imports spotlight

[juwonjeong]

Enact-DCO-1.0-Signed-off-by: Juwon Jeong (juwon.jeong@lge.com)

Checklist

• [x] I have read and understand the contribution guide
• [x] A CHANGELOG entry is included
• [ ] At least one test case is included for this feature or bug fix
• [x] Documentation was added or is not needed
• [ ] This is an API breaking change

Issue Resolved / Feature Added

When spotlight module is transpiled, .less file under the styles folder does not transpiled to the .css file. Because app developer can import @enact/spotlight/styles/mixins.less file to use mixins in their code. However, in SpotlightRootDecorator.js code import debug.less directly and it cause less dependency issue in non-enact app.

I created the file which import styles/debug.less in the SpotlightRootDecorator folder to make .less file transpiled to the .css

Resolution

Create debug.less file in the SpotlightRootDecorator folder and make SpotlightRootDecorator.js to use this file.

Additional Considerations

Links

WRQ-246

Comments

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 82.25%. Comparing base (c8490da) to head (21fd44d). Report is 1 commits behind head on develop.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## develop #3253 +/- ## ======================================== Coverage 82.25% 82.25% ======================================== Files 152 152 Lines 7084 7084 Branches 1864 1864 ======================================== Hits 5827 5827 Misses 986 986 Partials 271 271 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[MikyungKim]

Let's add a changelog for this.

[juwonjeong]

@MikyungKim, I added the changelog.