chore(dropzone): add slotted css rule for p tags

Author: cdransf

2nd-gen/packages/swc/components/dropzone/dropzone.css

@@ -80,6 +80,11 @@
   display: none;
 }
 
+::slotted(p) {
+  margin: 0;
+  text-align: center;
+}
+
 /* ─────────────────────────────────────
    Visually-hidden status region
    ───────────────────────────────────── */

2nd-gen/packages/swc/components/dropzone/stories/dropzone.stories.ts

@@ -189,7 +189,7 @@ export const States: Story = {
       aria-label="Filled drop zone"
       style="min-inline-size: 260px;"
     >
-      <p style="margin: 0; text-align: center;">report-q4.pdf uploaded</p>
+      <p>report-q4.pdf uploaded</p>
     </swc-dropzone>
 
     <swc-dropzone
@@ -198,7 +198,7 @@ export const States: Story = {
       aria-label="Filled and dragged drop zone"
       style="min-inline-size: 260px;"
     >
-      <p style="margin: 0; text-align: center;">Drop file to replace</p>
+      <p>Drop file to replace</p>
     </swc-dropzone>
   `,
   parameters: { flexLayout: 'row-wrap' },