fix(tooltip): text color of nested list (#1522)

## PR Checklist

Please check if your PR fulfills the following requirements:

- [ ] Tests for the changes have been added (for bug fixes / features)
- [ ] Docs have been added / updated (for bug fixes / features)
- [ ] If applicable, have a visual design approval

## PR Type

What kind of change does this PR introduce?

<!-- Please check the one that applies to this PR using "x". -->

- [x] Bugfix
- [ ] Feature
- [ ] Code style update (formatting, local variables)
- [ ] Refactoring (no functional changes, no api changes)
- [ ] Build related changes
- [ ] CI related changes
- [ ] Documentation content changes
- [ ] Other... Please describe:

## What is the current behavior?
`list` HTML element have wrong text color in `tooltip` component.

Issue Number: CDE-1700

## What is the new behavior?
`list` HTML element have correct text color in `tooltip` component.

## Does this PR introduce a breaking change?

- [ ] Yes
- [x] No

<!-- If this PR contains a breaking change, please describe the impact
and migration path for existing applications below. -->

## Other information

projects/angular/src/popover/tooltip/_tooltips.clarity.scss

@@ -120,6 +120,11 @@
         // make sure this is underneath the tooltip so that user can use their mouse to select text
         z-index: -1;
       }
+
+      // color overrides for components and HTML elements
+      li {
+        color: inherit;
+      }
     }
 
     &:hover > .tooltip-content,

projects/demo/src/app/tooltips/tooltips-angular.html

@@ -37,7 +37,11 @@ <h6>Bottom-Right</h6>
   <clr-tooltip>
     <cds-icon status="info" clrTooltipTrigger shape="info-standard" size="24" aria-label="undefined id"></cds-icon>
     <clr-tooltip-content [id]="undefined" clrPosition="bottom-right" clrSize="md">
-      <span>Lorem ipsum sit</span>
+      <ul>
+        <li>Start by clicking Fork in the toolbar above.</li>
+        <li>Implement the problem in the new editor.</li>
+        <li>Save the result, and share the url in a GitHub or StackOverflow issue.</li>
+      </ul>
     </clr-tooltip-content>
   </clr-tooltip>
 </div>