fix(SandpackCodeEditor): add className prop

[SSHari]

What kind of change does this pull request introduce?

This change adds a className prop to the SandpackCodeEditor component that gets merged with the root SandpackStack classes. The motivation behind this change is that I'd like to style the editor using tailwind, which isn't possible with the current setup. The change is similar to the existing implementation in the SandpackPreview component.

What is the current behavior?

The only way to style a SandpackCodeEditor component currently is to use the style prop.

What is the new behavior?

A new className prop has been added to the SandpackCodeEditor component to make it possible to style the editor using class names.

What steps did you take to test this? This is required before we can merge, make sure to test the flow you've updated.

I added the className prop to a few stories in Storybook and was able to see that the classes were applied to the correct element in the DOM.

Checklist

• Documentation;
• Storybook (if applicable);
• Tests;
• Ready to be merged;

[vercel]

@SSHari is attempting to deploy a commit to the CodeSandbox Team on Vercel.

A member of the Team first needs to authorize it.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit e202a7e:

Sandbox	Source
Sandpack	Configuration
sandpack-run-stale-value	Configuration