Environment:
Desktop (please complete the following information):
- OS: MacOS 15.4
- Browser: Chrome & Safari
- Version: Chrome 135.0.7049.115
Steps to reproduce the problem:
- Embed
ContentExplorer in a NextJS app.
- Run the app in turbopack mode (
next dev --turbo)
- Visit the page.
- Observe the error in the screenshot below.
The issue is invalid SCSS/CSS in ContentAnswersOpenButton line 8:
// current
border: var(--border-1 solid #2222224d);
// should be
border: var(--border-1) solid #2222224d;
Turbopack has a more strict CSS parser than Webpack so the issue is only raising an error when running NextJS in turbopack mode.
What is the expected behavior? (Screenshots can be helpful here)
Expecting the ContentExplorer to render correctly
What went wrong? (Screenshots, console logs, or HAR files can be helpful here)
Link to application or sample code:
If relevant, link to file (or attach file here)
https://github.com/box/box-ui-elements/blob/master/src/elements/common/content-answers/ContentAnswersOpenButton.scss#L8
Additional context
Add any other context about the problem here.
Environment:
Desktop (please complete the following information):
Steps to reproduce the problem:
ContentExplorerin a NextJS app.next dev --turbo)The issue is invalid SCSS/CSS in
ContentAnswersOpenButtonline 8:Turbopack has a more strict CSS parser than Webpack so the issue is only raising an error when running NextJS in turbopack mode.
What is the expected behavior? (Screenshots can be helpful here)
Expecting the ContentExplorer to render correctly
What went wrong? (Screenshots, console logs, or HAR files can be helpful here)
Link to application or sample code:
If relevant, link to file (or attach file here)
https://github.com/box/box-ui-elements/blob/master/src/elements/common/content-answers/ContentAnswersOpenButton.scss#L8
Additional context
Add any other context about the problem here.