Take Percy snapshots sequentially

Percy runs healthchecks in each `percySnapshot()` call and might cause a potential race condition

shared/tasks/browser.mjs

@@ -28,27 +28,14 @@ export async function screenshots () {
   const componentNames = await getComponentNames()
   const exampleNames = ['text-alignment', 'typography']
 
-  // Screenshot stack
-  const input = []
-
-  // Add components to screenshot
-  input.push(...componentNames.map((screenshotName) =>
-    /** @type {const} */ ([screenshotComponent, screenshotName])))
-
-  // Add examples to screenshot
-  input.push(...exampleNames.map((screenshotName) =>
-    /** @type {const} */ ([screenshotExample, screenshotName])))
-
-  // Batch 4x concurrent screenshots
-  while (input.length) {
-    const batch = input.splice(0, 4)
-
-    // Take screenshots
-    const screenshotTasks = batch.map(async ([screenshotFn, screenshotName]) =>
-      screenshotFn(await browser.newPage(), screenshotName))
+  // Screenshot components
+  for (const componentName of componentNames) {
+    await screenshotComponent(await browser.newPage(), componentName)
+  }
 
-    // Wait until batch finishes
-    await Promise.all(screenshotTasks)
+  // Screenshot examples
+  for (const exampleName of exampleNames) {
+    await screenshotExample(await browser.newPage(), exampleName)
   }
 
   // Close browser