fix: Remove use of CSS transforms to prevent flickering

[hsource]

Description

In our Storybook screenshot test suites, the carousels occasionally showed up as empty, causing many of our screenshot tests to be flaky.

After debugging, I realized that this was because Chrome renders elements that have CSS transforms in a way that can cause them to flicker.

Type of Change

• [x] Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

Tested the changes by running Storybook stories with custom controls, since most of the changes relate to that:

Checklist: (Feel free to delete this section upon completion)

• [X] My code follows the style guidelines of this project (I have run yarn lint)
• N/A: I have added tests that prove my fix is effective or that my feature works
• [X] New and existing unit tests pass locally with my changes (I have run yarn test and yarn test-e2e)
• [X] I have performed a self-review of my own code
• [X] I have commented my code, particularly in hard-to-understand areas
• N/A: I have made corresponding changes to the documentation
• [X] My changes generate no new warnings
• N/A: Any dependent changes have been merged and published in downstream modules

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
nuka-carousel	✅ Ready (Inspect)	Visit Preview	Jul 26, 2022 at 1:01AM (UTC)

[hsource]

@carlos-kelly @gksander - would it be possible to take a look at this PR? This is a very minor fix, but definitely does improve first-render performance for us when used in Storybook.