A default Overlay has the clickable div in front of the contents

[willeastcott]

Describe the bug
If you create a default Overlay and append some other elements, those elements will appear behind the transparent clickable div that darkens everything and makes the content elements impossible to interact with.

To Reproduce
Steps to reproduce the behavior:

1. Locate the Overlay example and remove the style:

        .pcui-overlay-content {
            z-index: 0;
        }

2. Run the example
3. See the problem

Expected behavior
The overlay's content should appear in front of the full-tab clickable UI.

Screenshots

How it should look:

A default overlay should not require the setting of a custom z-index for it to work.

[willeastcott]

One thing I notice is that the z-index of the overlay element is hard-coded to 101:

pcui/src/components/Overlay/style.scss

Line 8 in af10336

z-index: 101;

This seems a little arbitrary. What is the strategy for complex applications to manage z-index? From scanning the source, we have:

• NumericInput (slider): 9999
• Menu: 401
• Overlay: 101
• MenuItem: 1
• SelectInput (input list and shadow): 1
• TreeView (drag handle): 4
• Everything else: unspecified (so 0 presumably)