feat(operational-tag): add parts to allow for external styling (#20007)

* feat: add part to cds-tag inside cds-operational-tag

* test: add test on part

Author: devadula-nandan

packages/web-components/src/components/tag/__tests__/tag-test.js

@@ -296,6 +296,14 @@ describe('cds-tag', function () {
 
       await expect(el).dom.to.equalSnapshot();
     });
+
+    it('should expose part on tag', async () => {
+      const operationalTag = html`<cds-operational-tag
+        text="Tag content"></cds-operational-tag>`;
+      const el = await fixture(operationalTag);
+
+      expect(el.shadowRoot.querySelector('[part="tag"]')).to.exist;
+    });
   });
 
   it('should render as a filter tag', async () => {

packages/web-components/src/components/tag/operational-tag.ts

@@ -152,6 +152,7 @@ class CDSOperationalTag extends HostListenerMixin(FocusMixin(LitElement)) {
           closeOnActivation
           leave-delay-ms=${0}>
           <cds-tag
+            part="tag"
             ?aria-pressed="${selected}"
             size="${size}"
             ?disabled="${disabled}"
@@ -166,6 +167,7 @@ class CDSOperationalTag extends HostListenerMixin(FocusMixin(LitElement)) {
         </cds-tooltip>`
       : html`
           <cds-tag
+            part="tag"
             ?aria-pressed="${selected}"
             size="${size}"
             ?disabled="${disabled}"