Generated by SassMeister.com.

input.scss

.form-field {
	$this: &;

	@apply relative block;

	&__label {
		@apply block cursor-pointer;

		.emailaddress &,
		.longanswer &,
		.shortanswer & {
			@apply absolute pt-2 origin-top-left transition-transform;
		}

		.emailaddress #{$this}.is-active &,
		.longanswer #{$this}.is-active &,
		.shortanswer #{$this}.is-active & {
			@apply scale-75 -translate-y-2/3 pointer-events-none;
		}
	}
}

output.css

.form-field {
  @apply relative block;
}
.form-field__label {
  @apply block cursor-pointer;
}
.emailaddress .form-field__label, .longanswer .form-field__label, .shortanswer .form-field__label {
  @apply absolute pt-2 origin-top-left transition-transform;
}
.emailaddress .form-field.is-active .form-field__label, .longanswer .form-field.is-active .form-field__label, .shortanswer .form-field.is-active .form-field__label {
  @apply scale-75 -translate-y-2/3 pointer-events-none;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}