#8347 Fix custom document stylesheets nested stylesheet inheritance

[mnholtz]

What does this PR do?

• Closes CSS style sheets for embedded form not inherited from the parent document #8347
• Replaces logic introduced in #7498 Document Builder custom styles Slice 8: Allow nested documents/custom-forms to inherit styles #7550 and accidentally removed in #7670: Use <IsolatedComponent> for DocumentView, EphemeralFormContent, CustomFormComponent #8200
• In draft because I want to make sure that I understand the relationship between this feature and IsolatedComponent before opening
• But, see Playwright test for demonstration that this fixes the regression

Demo

• See playwright test

Checklist

• Add jest or playwright tests and/or storybook stories
• Designate a primary reviewer @BLoe

[codecov]

Codecov Report

Attention: Patch coverage is 91.66667% with 3 lines in your changes are missing coverage. Please review.

Project coverage is 73.53%. Comparing base (6608569) to head (213f50c).
Report is 1 commits behind head on main.

❗ Current head 213f50c differs from pull request most recent head 8340c87. Consider uploading reports for the commit 8340c87 to get more accurate results

Files	Patch %	Lines
src/components/StylesheetsContext.ts	91.30%	2 Missing ⚠️
src/bricks/renderers/documentView/DocumentView.tsx	85.71%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #8353      +/-   ##
==========================================
+ Coverage   73.50%   73.53%   +0.02%     
==========================================
  Files        1330     1331       +1     
  Lines       41142    41172      +30     
  Branches     7657     7662       +5     
==========================================
+ Hits        30241    30275      +34     
+ Misses      10901    10897       -4     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[BLoe]

Looking good so far! Do we need to include EphemeralFormContent in these changes also? That one doesn't get nested in document view, but it was using the stylesheets hook to pull in the default/base styles, not sure if that's still needed or not.

[github-actions]

No loom links were found in the first post. Please add one there if you'd like to it to appear on Slack.

Do not edit this comment manually.