tooltip.scss uses, but does not import, function from layout.scss

[starpit]

What package(s) are you using?

carbon-components 10.10.1

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you're having.

tooltip.scss uses the z() function that is defined in layout.scss, but it does not import that file. As a consequence, direct import of tooltip.scss into webpack builds does not render the tooltips with the expected z-index. Thus, tooltips can render below other elements of the UI.

Is this issue related to a specific component?

Tooltip and TooltipIcon

What did you expect to happen? What happened instead? What would you like to
see changed?

Hopefully this can be addressed by adding

@import '../../globals/scss/layout';

to _tooltip.scss. I observe that other components (modal, breadcrumb, switcher, etc.) all do so. _tooltip.scss is notable in its exception.

What browser are you working in?

Electron and various browsers. The problem seems independent of that.

What version of the Carbon Design System are you using?

10.10.1

What offering/product do you work on? Any pressing ship or release dates we
should be aware of?

https://github.com/IBM/kui

Additional information

• Screenshots or code

• Notes