CSS style naming collisions in plugins

[Brayden]

Describe the bug
When creating plugins to use with the Universe editor, if any of the style names are the same as another DOM element on the page then a CSS style collision occurs.

To Reproduce

1. Create a new plugin
2. Put the following style (see below) in the css() object:
3. Reload the Universe sandbox and see the editor not properly display

#container {
                padding: 16px;
                border-radius: 4px;
                background: var(--color-neutral-100);
                margin: 16px 0;
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 0;
            }