Fix resize observer types

src/components/range/range.tsx

@@ -18,7 +18,7 @@ import ResizeObserver from 'resize-observer-polyfill';
 export class Range {
   input: HTMLInputElement;
   output: HTMLElement;
-  resizeObserver: any;
+  resizeObserver: ResizeObserver;
 
   @State() hasFocus = false;
   @State() hasTooltip = false;

src/components/select/select.tsx

@@ -39,7 +39,7 @@ export class Select {
   labelId = `select-label-${id}`;
   helpTextId = `select-help-text-${id}`;
   menu: HTMLSlMenuElement;
-  resizeObserver: any;
+  resizeObserver: ResizeObserver;
 
   @Element() host: HTMLSlSelectElement;
 

src/components/tab-group/tab-group.tsx

@@ -29,7 +29,7 @@ export class TabGroup {
   body: HTMLElement;
   mutationObserver: MutationObserver;
   nav: HTMLElement;
-  resizeObserver: any;
+  resizeObserver: ResizeObserver;
   tabGroup: HTMLElement;
   tabs: HTMLElement;
 

src/components/textarea/textarea.tsx

@@ -25,7 +25,7 @@ export class Textarea {
   textareaId = `textarea-${++id}`;
   labelId = `textarea-label-${id}`;
   helpTextId = `textarea-help-text-${id}`;
-  resizeObserver: any;
+  resizeObserver: ResizeObserver;
   textarea: HTMLTextAreaElement;
 
   @State() hasFocus = false;