diff --git a/UNRELEASED.md b/UNRELEASED.md index ca57492cb85..4b664adab92 100644 --- a/UNRELEASED.md +++ b/UNRELEASED.md @@ -10,6 +10,7 @@ ### Bug fixes - Fixed scrolling with scrollbar not working in Popover when content changes on scroll ([#2627](https://github.com/Shopify/polaris-react/pull/2627)) +- Work around a build crash when using create-react-app due to a bug in css parsing in `postcss-custom-properties` ([#2643](https://github.com/Shopify/polaris-react/pull/2643)) ### Documentation diff --git a/src/styles/shared/_controls.scss b/src/styles/shared/_controls.scss index eb300ad5d3d..7752de27f24 100644 --- a/src/styles/shared/_controls.scss +++ b/src/styles/shared/_controls.scss @@ -110,10 +110,10 @@ &::before { content: ''; position: absolute; - top: calc(var(--control-border-width) * -1); - right: calc(var(--control-border-width) * -1); - bottom: calc(var(--control-border-width) * -1); - left: calc(var(--control-border-width) * -1); + top: calc(-1 * var(--control-border-width)); + right: calc(-1 * var(--control-border-width)); + bottom: calc(-1 * var(--control-border-width)); + left: calc(-1 * var(--control-border-width)); border-radius: var(--p-border-radius-base); background-color: var(--p-action-interactive); opacity: 0;