fix(Text): apply display: inline-block only if the animation prop is provided while the Text is rendered as span

[mnajdova]

There was bug with the Text component in Teams theme. Basically the component was created with as='div', but it wasn't converted to block element, because the display prop was always applied as 'inline-block'.

Example:

  <>
    <Text important as='div' content="This text is important!" />
    <Text content='Some other content' />
  </>

Previosly:

Now:

Animations are still working with the as property being span or div

[codecov]

Codecov Report

Merging #940 into master will decrease coverage by 0.03%.
The diff coverage is 0%.

@@            Coverage Diff             @@
##           master     #940      +/-   ##
==========================================
- Coverage   80.78%   80.74%   -0.04%     
==========================================
  Files         665      665              
  Lines        8504     8508       +4     
  Branches     1433     1435       +2     
==========================================
  Hits         6870     6870              
- Misses       1620     1624       +4     
  Partials       14       14

Impacted Files	Coverage Δ
...eact/src/themes/base/components/Text/textStyles.ts	4.65% <0%> (-0.48%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 109d501...7b4bdc4. Read the comment docs.