fix(inline-loading): web component update p tag with div parity with react (#21085)

* fix: p tag bringing default margins parity inline loading

* chore: make the text color inheriting

---------

Co-authored-by: Mahmoud <[email protected]>

Author: devadula-nandan

packages/styles/scss/components/inline-loading/_inline-loading.scss

@@ -25,14 +25,13 @@ $-loading-gap-small: 110;
   .#{$prefix}--inline-loading {
     display: flex;
     align-items: center;
+    color: $text-secondary;
     inline-size: 100%;
     min-block-size: 2rem;
   }
 
   .#{$prefix}--inline-loading__text {
     @include type-style('label-02');
-
-    color: $text-secondary;
   }
 
   .#{$prefix}--inline-loading__animation {

packages/web-components/src/components/inline-loading/inline-loading.ts

@@ -127,7 +127,7 @@ class CDSInlineLoading extends LitElement {
         `;
     return html`
       ${statusIconWrapperResult}
-      <p class="${prefix}--inline-loading__text"><slot></slot></p>
+      <div class="${prefix}--inline-loading__text"><slot></slot></div>
     `;
   }