Gradients incorrectly formed for line chart and spark line chart

[thephfernandes]

Bug summary

Gradients are being completely filled on the two components in the title of this issue.

I am using remix-react, importing the esm stylesheet as mentioned in the documentation, and have no custom configuration in the librarys <PolarisVizProvider> component

Expected behavior

Gradients should not be filled

Actual behavior

Steps to reproduce the problem

1. Create a basic remix app
2. Install polaris-viz using npm or yarn
3. Render a line chart or spark line chart component on the index page.

Specifications

• Polaris-Viz version number: 9.4.0
• Browser: Chrome, Firefox, Opera
• System:
  OS: macOS 13.0.1
  CPU: (8) arm64 Apple M1
  Memory: 88.80 MB / 8.00 GB
  Shell: 5.8.1 - /bin/zsh
• Binaries:
  Node: 20.2.0 - /opt/homebrew/bin/node
  npm: 9.6.6 - /opt/homebrew/bin/npm
• Browsers:
  Chrome: 116.0.5845.96
  Safari: 16.1
• npmPackages:
  @shopify/polaris-viz: ^9.4.0 => 9.10.6
  react: ^18.2.0 => 18.2.0
  react-dom: ^18.2.0 => 18.2.0

[mattsrobot]

Dear @thephfernandes,

Apologies for hijacking this issue, but how are you importing polaris-viz, the Shopify Remix template uses CommonJS and Polaris-Viz is built as an ESM module. Thankyou kindly.