Improve scoping of transforms

[captbaritone]

browserslist now supports defining your supported browsers in terms of the features you need. For us, we can't do anything without the web audio API, so we can declare that as a limitation. This should help us better express which transforms we need.

[github-actions]

Size Change: +1.1 kB (0%)

Total Size: 451 kB

Filename	Size	Change
./packages/webamp/built/webamp.bundle.min.js	272 kB	+554 B (0%)
./packages/webamp/built/webamp.lazy-bundle.min.js	178 kB	+549 B (0%)

_{compressed-size-action}

[captbaritone]

Before

Using targets:
{
  "chrome": "85",
  "edge": "85",
  "firefox": "81",
  "ios": "13.4",
  "opera": "70",
  "safari": "13.1"
}

Using modules transform: auto

Using plugins:
  proposal-nullish-coalescing-operator { "ios":"13.4" }
  proposal-optional-chaining { "ios":"13.4" }
  syntax-json-strings { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }
  syntax-optional-catch-binding { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }
  syntax-async-generators { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }
  syntax-object-rest-spread { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }
  transform-dotall-regex { "firefox":"81" }
  proposal-unicode-property-regex { "firefox":"81" }
  transform-named-capturing-groups-regex { "firefox":"81" }
  syntax-dynamic-import { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }
  syntax-top-level-await { "chrome":"85", "edge":"85", "firefox":"81", "ios":"13.4", "opera":"70", "safari":"13.1" }

After

Using targets:
{
  "android": "81",
  "chrome": "65",
  "edge": "17",
  "firefox": "59",
  "ios": "11.3",
  "opera": "52",
  "safari": "11.1",
  "samsung": "7.2"
}

Using modules transform: auto

Using plugins:
  proposal-nullish-coalescing-operator { "chrome":"65", "edge":"17", "firefox":"59", "ios":"11.3", "opera":"52", "safari":"11.1", "samsung":"7.2" }
  proposal-optional-chaining { "chrome":"65", "edge":"17", "firefox":"59", "ios":"11.3", "opera":"52", "safari":"11.1", "samsung":"7.2" }
  proposal-json-strings { "chrome":"65", "edge":"17", "firefox":"59", "ios":"11.3", "opera":"52", "safari":"11.1", "samsung":"7.2" }
  proposal-optional-catch-binding { "chrome":"65", "edge":"17", "opera":"52", "samsung":"7.2" }
  transform-parameters { "edge":"17" }
  proposal-async-generator-functions { "edge":"17", "ios":"11.3", "safari":"11.1", "samsung":"7.2" }
  proposal-object-rest-spread { "edge":"17", "samsung":"7.2" }
  transform-dotall-regex { "edge":"17", "firefox":"59", "samsung":"7.2" }
  proposal-unicode-property-regex { "edge":"17", "firefox":"59", "samsung":"7.2" }
  transform-named-capturing-groups-regex { "edge":"17", "firefox":"59", "samsung":"7.2" }
  transform-template-literals { "ios":"11.3", "safari":"11.1" }
  transform-function-name { "edge":"17" }
  transform-unicode-regex { "ios":"11.3", "safari":"11.1" }
  syntax-dynamic-import { "android":"81", "chrome":"65", "edge":"17", "firefox":"59", "ios":"11.3", "opera":"52", "safari":"11.1", "samsung":"7.2" }
  syntax-top-level-await { "android":"81", "chrome":"65", "edge":"17", "firefox":"59", "ios":"11.3", "opera":"52", "safari":"11.1", "samsung":"7.2" }