Address flakey test (#7044)

# Pull Request

## 📖 Description

This PR attempts to address a flakey test in `@microsoft/fast-ssr` caused by the use of `getComputedStyle`.

## ✅ Checklist

### General

<!--- Review the list and put an x in the boxes that apply. -->

- [x] I have included a change request file using `$ npm run change`
- [x] I have added tests for my changes.
- [x] I have tested my changes.
- [ ] I have updated the project documentation to reflect my changes.
- [x] I have read the [CONTRIBUTING](https://github.com/microsoft/fast/blob/master/CONTRIBUTING.md) documentation and followed the [standards](https://github.com/microsoft/fast/blob/master/CODE_OF_CONDUCT.md#our-standards) for this project.

change/@microsoft-fast-ssr-c6f5d944-52ae-4d8e-83bd-15737e17288b.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Attempt to address flaky test by increasing timeout",
+  "packageName": "@microsoft/fast-ssr",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

packages/web-components/fast-ssr/src/styles/fast-style.spec.ts

@@ -1,6 +1,7 @@
 import { expect, test } from "@playwright/test";
 
 test("Check that the first element has styles assigned", async ({ page }) => {
+    test.slow();
     await page.goto("/fast-style");
 
     const cards = page.locator("fast-card");
@@ -17,6 +18,7 @@ test("Check that the first element has styles assigned", async ({ page }) => {
 test("Check that the nested element in the first element has styles assigned", async ({
     page,
 }) => {
+    test.slow();
     await page.goto("/fast-style");
 
     const cards = page.locator("fast-card");
@@ -34,6 +36,7 @@ test("Check that the nested element in the first element has styles assigned", a
     expect(styles[0]).toEqual("rgb(43, 43, 43)");
 });
 test("Check that all elements have styles assigned", async ({ page }) => {
+    test.slow();
     await page.goto("/fast-style");
 
     const cards = page.locator("fast-card");
@@ -52,6 +55,7 @@ test("Check that all elements have styles assigned", async ({ page }) => {
     });
 });
 test("Check that all nested elements have styles assigned", async ({ page }) => {
+    test.slow();
     await page.goto("/fast-style");
 
     const cards = page.locator("fast-card");