Function screen

src/media-query.test.ts:484–498

(
    viewport: Pick<
      MatchMediaContext,
      'viewportWidth' | 'viewportHeight' | 'viewportZoom'
    >,
    primaryPointingDevice: 'touchscreen' | 'mouse' | undefined = 'touchscreen',
    secondaryPointingDevice?: 'touchscreen' | 'mouse'
  )

    } as const);

  const screen = (
    viewport: Pick<
      MatchMediaContext,
      'viewportWidth' | 'viewportHeight' | 'viewportZoom'
    >,
    primaryPointingDevice: 'touchscreen' | 'mouse' | undefined = 'touchscreen',
    secondaryPointingDevice?: 'touchscreen' | 'mouse'
  ) =>
    ({
      mediaType: 'screen',
      ...viewport,
      rootFontSizePx: defaultRootFontSizePx,
      primaryPointingDevice,
      secondaryPointingDevice,
    } as const);

  const screenSized = (
    viewportWidth: number,