chore: prettier settings for all CSS

Author: castastrophe

.changeset/free-jokes-attack.md

@@ -0,0 +1,6 @@
+---
+'@spectrum-web-components/dialog': patch
+'@spectrum-web-components/styles': patch
+---
+
+Remove unnecessary abstraction layer for system theming.

packages/dialog/src/dialog-overrides.css

@@ -38,7 +38,6 @@ governing permissions and limitations under the License.
     height: auto;
 }
 
-/* We may remove this override when CSS fixes unused `header` and `typeIcon` areas */
 .grid {
     grid-template-areas:
         "hero hero hero hero hero hero"

packages/dialog/src/dialog.css

@@ -10,7 +10,6 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
 :host {
     --spectrum-dialog-confirm-divider-block-spacing-start: var(--spectrum-spacing-300);
     --spectrum-dialog-confirm-divider-block-spacing-end: var(--spectrum-spacing-200);
@@ -31,11 +30,11 @@ governing permissions and limitations under the License.
     display: flex;
 }
 
-.spectrum-Dialog--sizeS {
+:host([size="s"]) {
     --mod-dialog-width: var(--mod-dialog-confirm-small-width, 400px);
 }
 
-.spectrum-Dialog--sizeL {
+:host([size="l"]) {
     --mod-dialog-width: var(--mod-dialog-confirm-large-width, 640px);
 }
 
@@ -208,7 +207,6 @@ governing permissions and limitations under the License.
 
 :host([mode="fullscreen"]) ::slotted([slot="heading"]),
 :host([mode="fullscreenTakeover"]) ::slotted([slot="heading"]) {
-    font-size: 28px;
     font-size: var(--mod-dialog-fullscreen-header-text-size, 28px);
 }