Angular 15 Ошибка ввода материала при фокусе при использовании Tailwindcss

Перед фокусировкой:

После фокусировки:

Проблема:

При использовании angular mat v. 15 и последней версии tailwindcss возникает ошибка при фокусировке поля ввода.

Чтобы воспроизвести проблему:

ng new angular-test
cd angular-test
ng add @angular/material
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

Хвостовой ветер.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{html,ts}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

Стили.scss

[...]

/* You can add global styles to this file, and also import other style files */

@tailwind base;
@tailwind components;
@tailwind utilities;

App.component.html

<mat-form-field appearance = "outline">
  <mat-label>Favorite food</mat-label>
  <input matInput placeholder = "Ex. Pizza" value = "Sushi">
</mat-form-field>

Любые идеи, как решить проблему?