LandingPage: use Markup component for instance description

app/soapbox/features/landing-page/index.tsx

@@ -2,14 +2,13 @@ import * as React from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import { prepareRequest } from 'soapbox/actions/consumer-auth';
+import Markup from 'soapbox/components/markup';
 import { Button, Card, CardBody, Stack, Text } from 'soapbox/components/ui';
 import VerificationBadge from 'soapbox/components/verification-badge';
 import RegistrationForm from 'soapbox/features/auth-login/components/registration-form';
 import { useAppDispatch, useAppSelector, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
 import { capitalize } from 'soapbox/utils/strings';
 
-import './instance-description.css';
-
 const LandingPage = () => {
   const dispatch = useAppDispatch();
   const features = useFeatures();
@@ -114,12 +113,10 @@ const LandingPage = () => {
                   {instance.title}
                 </h1>
 
-                <Text size='lg'>
-                  <span
-                    className='instance-description'
-                    dangerouslySetInnerHTML={{ __html: instance.short_description || instance.description }}
-                  />
-                </Text>
+                <Markup
+                  size='lg'
+                  dangerouslySetInnerHTML={{ __html: instance.short_description || instance.description }}
+                />
               </Stack>
             </div>
           </div>

app/soapbox/features/landing-page/instance-description.css

@@ -1,14 +0,0 @@
-/* Instance HTML from the API. */
-.instance-description a {
-  @apply underline;
-}
-
-.instance-description b,
-.instance-description strong {
-  @apply font-bold;
-}
-
-.instance-description i,
-.instance-description em {
-  @apply italic;
-}