refactor(tooltip): improve slotted content detection for styling purposes

Author: simeonoff

projects/igniteui-angular/src/lib/core/styles/components/tooltip/_tooltip-theme.scss

@@ -23,7 +23,7 @@
         gap: rem(8px);
         min-height: rem(24px);
         min-width: rem(24px);
-        max-width: var(--igx-tooltip-max-width, 200px);
+        max-width: rem(200px);
         width: fit-content;
 
         igx-icon {
@@ -34,10 +34,10 @@
             display: flex;
             cursor: default;
         }
-    }
 
-    .igx-tooltip:has(> :not([data-arrow], igx-tooltip-close-button)) {
-        --igx-tooltip-max-width: none;
+        &:not([data-default]) {
+            max-width: initial;
+        }
     }
 
     %arrow--top {

projects/igniteui-angular/src/lib/directives/tooltip/tooltip.component.html

@@ -1 +1 @@
-<span igxTooltip>{{content}}</span>
+<span data-default igxTooltip>{{content}}</span>

projects/igniteui-angular/src/lib/directives/tooltip/tooltip.directive.spec.ts

@@ -529,7 +529,7 @@ describe('IgxTooltip', () => {
             verifyTooltipVisibility(tooltipNativeElement, tooltipTarget, true);
 
             const maxWidth = getComputedStyle(tooltipNativeElement).maxWidth;
-            expect(maxWidth).toBe('none');
+            expect(maxWidth).toBe('initial');
         }));
     });