Surface CSS scoping attributes don't work when root component is a component #710

When you have a component that calls another component immediately, and the descendant component uses a function component, the scoping attributes do not apply to the resultant html

Form.ex:

~F"""
<.form #...
"""

MyForm.ex:

~F"""
<Form #...
"""

MyComponent.ex:

~F"""
<style>
:deep(form) {
background: purple;
}
</style>
<MyForm />

The resulting html will have no scoping attributes set